Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Datasource variable: Renders off screen for small viewport widths #1042

Open
gtk-grafana opened this issue Feb 5, 2025 · 2 comments
Open

Datasource variable: Renders off screen for small viewport widths #1042

gtk-grafana opened this issue Feb 5, 2025 · 2 comments
Labels
bug Something isn't working

Comments

@gtk-grafana
Copy link
Contributor

Image
@gtk-grafana gtk-grafana added the bug Something isn't working label Feb 5, 2025
@gtk-grafana gtk-grafana mentioned this issue Feb 12, 2025
Closed
@gtk-grafana
Copy link
Contributor Author

Looks like this is a "bug" in Grafana UI: grafana/grafana#100516.
Although it's also an issue in react-select: JedWatson/react-select#3491, the suggested fix is to pass right:0 in the select styles, Grafana UI (and scenes) would need to support specifying when a select is on the right side of the viewport.

I'll see if we can hack it with CSS in the meantime

@gtk-grafana
Copy link
Contributor Author

Cannot be hacked with CSS, since the option values are portal-ed, there's no selector that would be unique for the datasource options.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@gtk-grafana