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

<option> styling information possibly incorrect #38024

Closed
Funtom opened this issue Feb 7, 2025 · 3 comments · Fixed by #38032
Closed

<option> styling information possibly incorrect #38024

Funtom opened this issue Feb 7, 2025 · 3 comments · Fixed by #38032
Labels
Content:HTML Hypertext Markup Language docs needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened.

Comments

@Funtom
Copy link

Funtom commented Feb 7, 2025

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

What specific section or headline is this issue about?

Styling CSS

What information was incorrect, unhelpful, or incomplete?

Firefox supports background-color styling AFAIK.

What did you expect to see?

In Firefox, only font-size of the owning <select> and background-color styling are respected.

Do you have any supporting links, references, or citations?

no, but I use this styling in my project

Do you have anything more you want to share?

No response

MDN metadata

Page report details
@Funtom Funtom added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Feb 7, 2025
@github-actions github-actions bot added the Content:HTML Hypertext Markup Language docs label Feb 7, 2025
@Josh-Cena
Copy link
Member

@estelle @ahmetsait What does this sentence even mean?

In Firefox, only font-size of the owning <select> is respected. Chrome additionally allows ...

Are we talking about setting these properties on <select> or on <option>? I'm on Mac, and regardless of the browser, the dropdown is always my native widget style:

Image

Which means the only thing you can meaningfully change is the scaling via font-size on the parent.

Do you perhaps have screenshots showing what you see? I also think we shouldn't go into so much detail altogether because form control styling is always browser- and OS-specific so we should just say "it differs for each platform and you need to test before using anything".

@Funtom
Copy link
Author

Funtom commented Feb 7, 2025

Sorry, if my comment is confusing.

  1. We are talking about OPTION element, see th link above.
  2. we are talking specificaly about the Styling CSS section.
  3. I am pointing at the sentence In Firefox, only font-size of the owning is respected which I suggest rewording, see above my anser to "What did you expect to see?" Hope, it's clear now.

@Josh-Cena
Copy link
Member

Yes, I understand what you are talking about. My question is directed to the other people who introduced this paragraph recently, because I'm not sure anything has an impact on <option>.

@Josh-Cena Josh-Cena changed the title Misleading info <option> styling information possibly incorrect Feb 8, 2025
@Josh-Cena Josh-Cena linked a pull request Feb 10, 2025 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:HTML Hypertext Markup Language docs needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants