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.

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

form.icinga-form select elements are cut off at top #5330

Open
martialblog opened this issue Mar 4, 2025 · 1 comment
Open

form.icinga-form select elements are cut off at top #5330

martialblog opened this issue Mar 4, 2025 · 1 comment
Labels
area/ui Affects the user interface

Comments

@martialblog
Copy link
Member

Describe the bug

I noticed that form.icinga-form select elements are cut off at top in Firefox.

Firefox:
Image

Chrome:
Image

To Reproduce

View a Form with a Select Element, for example a Icinga DB Web Database Config, with Firefox.

Expected behavior

This:
Image

Your Environment

Mozilla Firefox 135.0.1

Icinga Web 2 Version 2.12.2
Git commit 79971cb
PHP Version 8.2.27

icinga/icinga-php-thirdparty 0.12.1
icinga/icinga-php-library 0.14.1

@martialblog
Copy link
Member Author

Seems to be the line-height here?

form.icinga-form select:not([multiple]),
form.icinga-form input[type="datetime-local"] {
  // Compensate inconsistent select height calculations
  line-height: 1em;
  height: 2.25em;
}

@nilmerg nilmerg added bug Something isn't working area/ui Affects the user interface and removed bug Something isn't working labels Mar 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/ui Affects the user interface
Projects
None yet
Development

No branches or pull requests

2 participants