dosubot[bot] commented on issue #37286: URL: https://github.com/apache/superset/issues/37286#issuecomment-3775987552
<!-- Answer --> Thanks for clarifying—this is a known limitation in how Superset lays out the buttons and controls above the chart. The buttons (like radio buttons for stacking/area options, or other extra controls) are rendered in a centered container with no responsive logic or width constraints, so if the panel is narrow or there are many/long labels, they can overflow or get clipped. The layout relies on fixed grids and minimum widths, and there’s no overflow handling or wrapping for these controls, which is why they don’t fit in tight spaces. You can see this in the code for the ExtraControls and ControlRow components, which use fixed column grids and centered alignment without adapting to available space [[source]](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/components/ExtraControls.tsx#L29-L112) [[source]](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-fr ontend/src/explore/components/ControlRow.tsx#L25-L57). There isn’t a built-in fix yet. As a workaround, you can try increasing the panel width, reducing the number of controls, or using shorter labels. For a more robust solution, the layout would need to be updated to support responsive wrapping or horizontal scrolling for these button containers. <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/be75c64a-e376-43dc-9401-57c7f4a2b416?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=Thanks%20for%20clarifying%E2%80%94this%20is%20a%20known%20limitation%20in%20how%20Superset%20lays%20out%20the%20buttons%20and%20controls%20above%20the%20chart.%20The%20buttons%20%28like%20radio%20buttons%20for%20stacking/area%20options%2C%20or%20other%20extra%20controls%29%20are%20rendered%20in%20a%20centered%20container%20with%20no%20responsive%20logic%20or%20width%20constraints%2C%20so%20if%20the%20panel%20is%20narrow%20or%20there%20are%20many/long%20labels%2C%20they%20can%20overflow%20or%20get%20clipped.%20The%20layout%20relies%20on%20fixed%20grids%20and%20minimum%20widths%2C%20and%20there%E2%80%99s%20no%20overflow%20handling%20or%20wrapping%20for%20these%20controls%2C%20which%20is%20why%20they%20don%E2%80%99t%20fit%20in%20tight%20spaces.%20You% 20can%20see%20this%20in%20the%20code%20for%20the%20ExtraControls%20and%20ControlRow%20components%2C%20which%20use%20fixed%20column%20grids%20and%20centered%20alignment%20without%20adapting%20to%20available%20space%20%5B%5Bsource%5D%5D%28https%3A//github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/components/ExtraControls.tsx%23L29-L112%29%20%5B%5Bsource%5D%5D%28https%3A//github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/src/explore/components/ControlRow.tsx%23L25-L57%29.%0A%0AThere%20isn%E2%80%99t%20a%20built-in%20fix%20yet.%20As%20a%20workaround%2C%20you%20can%20try%20increasing%20the%20panel%20width%2C%20reducing%20the%20number%20of%20controls%2C%20or%20using%20shorter%20labels.%20For%20a%20more%20robust%20solution%2C%20the%20layout%20would%20need%20to%20be%20updated%20to%20support%20responsive%20wrapping%20or%20horizontal%20scrolling%20for%20these%20button%20container s.) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/37286) -- 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]
