jwoodb opened a new issue, #32027: URL: https://github.com/apache/superset/issues/32027
### Bug description The bug is that I... 1. Cloned the superset repo to my local machine 2. Ran `docker compose up --build` 3. Logged in and accessed the SQL Lab tab. 4. The page was blank except for the query tabs (see screenshot) <img width="1728" alt="Image" src="https://github.com/user-attachments/assets/20269713-5242-48c2-8466-6365a352ee09"; /> Expected behaviour: The full UI shows. ### Screenshots/recordings _No response_ ### Superset version master / latest-dev ### Python version Not applicable ### Node version 18 or greater ### Browser Chrome ### Additional context No issues were logged in the superset_app docker container. There were no errors in the JS console in the browser, only this: <img width="584" alt="Image" src="https://github.com/user-attachments/assets/b2aff4bc-2dfb-4f62-bb4b-1476f7864cc0"; /> I took a look at the markup and I could see it was all there, but collapsed. It appears that this div was the culprit because it did not set a height: `<div data-test="SqlLabApp" class="App SqlLab css-6pihn3">` I add the `height: 100vh` to the SqlLabStyles CSS in the following file: `superset-frontend/src/SqlLab/components/App/index.tsx` ```typescript const SqlLabStyles = styled.div` ${({ theme }) => css` &.SqlLab { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 ${theme.gridUnit * 2}px; height: 100vh; // Add this new rule ... ``` And, the page displays as expected. I have no idea why this wasn't working for me without me having to add this additional CSS rule. ### Checklist - [x] I have searched Superset docs and Slack and didn't find a solution to my problem. - [x] I have searched the GitHub issue tracker and didn't find a similar bug report. - [x] I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
