Closed usmanyunusov closed 2 years ago
@ai, Replaced the test:
let fileSelectorButtoner = autoprefixer({
overrideBrowserslist: ['Chrome > 25', 'Firefox >= 82']
})
Test fail:
@@ -1,22 +1,34 @@
::-webkit-file-upload-button {
background: black
}
+ ::-moz-file-selector-button {
+ background: black
+ }
+
::file-selector-button {
background: black
}
input::-webkit-file-upload-button {
color: black;
}
- input::file-selector-button {
+ input::-moz-file-selector-button {
color: black;
}
- input:hover::-webkit-file-upload-button {
+ input::file-selector-button {
+ color: black;
+ }
+
+ input:hover::-webkit-file-upload-button {
+ color: white;
+ }
+
+ input:hover::-moz-file-selector-button {
color: white;
}
input:hover::file-selector-button {
color: white;
Send test changes to PR
I suggest replacing all prefixes with a -webkit-
class FileSelectorButton extends Selector {
constructor(name, prefixes, all) {
super(name, prefixes, all)
if (this.prefixes) {
this.prefixes = utils.uniq(
this.prefixes.map(i => {
return '-webkit-'
})
)
}
}
Yeap, let’s try.
The fix was released in 10.3.3
We also need to change tests.
We need a TDD here:
You may need to use another browsers in the test.