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

Bad practise in examples (prefixed property last) #2797

Closed
1jj opened this issue Jun 27, 2024 · 4 comments · Fixed by #2812
Closed

Bad practise in examples (prefixed property last) #2797

1jj opened this issue Jun 27, 2024 · 4 comments · Fixed by #2812
Labels
Content:CSS issues related to CSS examples.

Comments

@1jj
Copy link

1jj commented Jun 27, 2024

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/box-decoration-break

What specific section or headline is this issue about?

Try it

What information was incorrect, unhelpful, or incomplete?

An example of bad practice:

box-decoration-break: slice;
-webkit-box-decoration-break: slice;

Prefixed property last

What did you expect to see?

-webkit-box-decoration-break: slice;
box-decoration-break: slice;

Prefixed property first

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

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details
@1jj 1jj added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Jun 27, 2024
@github-actions github-actions bot added the Content:CSS issues related to CSS examples. label Jun 27, 2024
@Josh-Cena
Copy link
Member

What's the difference?

@Josh-Cena Josh-Cena transferred this issue from mdn/content Jun 27, 2024
Copy link

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

@1jj
Copy link
Author

1jj commented Jun 28, 2024

What's the difference?

There could be a difference in future (depending on implementation details)[1], but thats not the point. It's just an undisputed priciple.
https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix#css_prefixes
https://css-tricks.com/ordering-css3-properties/
https://bitsofco.de/css-vendor-prefixes/#how-do-we-use-them
https://stackoverflow.com/questions/7080605/ordering-of-vendor-specific-css-declarations
https://webhint.io/docs/user-guide/hints/hint-css-prefix-order/#what-does-the-hint-check

[1] if they keep their prefixed-property non-standardish and fix it only for the unprefixed version. We have seen this before.
https://groups.google.com/a/chromium.org/g/blink-dev/c/PyIR0yUMYsM

(I see ... you seem to be a fairly young person, means less experience with CSS Prefix Hell :-)

@Josh-Cena Josh-Cena removed the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Jun 28, 2024
@Josh-Cena
Copy link
Member

I see. Not only am I inexperienced with Prefix Hell, I'm also generally inexperienced with CSS ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:CSS issues related to CSS examples.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants