Fix floating labels with firefox #5906
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR fixes an issue with floating labels in
Firefox
where labels appear in the wrong position due to:-moz-placeholder
rules being generated in the compiled CSS.Fix #5901
Changes
Browserslist update
+ not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)
-moz-placeholder
selectors.Firefox
treats inputs as if they always contain content, breaking floating labels.Watch task update
css-prefix
command towatch-css-main
task.npm run dev
applies the samePostCSS
prefixing step asnpm run production
.@danny007in @puikinsh please merge as soon as you can, thanks!