[Webkit-unassigned] [Bug 240930] New: Update internal CSS to remove '-webkit-' prefixing where possible

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed May 25 16:15:54 PDT 2022


https://bugs.webkit.org/show_bug.cgi?id=240930

            Bug ID: 240930
           Summary: Update internal CSS to remove '-webkit-' prefixing
                    where possible
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: WebKit Misc.
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bfulgham at webkit.org

WebKit sources contain many instances of prefixed CSS properties. We should replace each with the equivalent unprefixed-property:

Source/WebCore/Modules/mediacontrols/mediaControlsAdwaita.css
192       -webkit-user-select: none;
229       -webkit-appearance: media-slider !important;
252       -webkit-appearance: media-volume-slider-container;
285       -webkit-appearance: media-volume-slider !important;
316       -webkit-appearance: none !important;
351       -webkit-appearance: media-closed-captions-container;
367       -webkit-user-select: none;
476       -webkit-flex: 1 1 auto;
493       -webkit-user-select: none;

Source/WebCore/Modules/mediacontrols/mediaControlsApple.css
47        -webkit-align-items: stretch;
48        -webkit-justify-content: flex-end;
49        -webkit-flex-direction: column;
62        -webkit-flex: 1 1 auto;
74        -webkit-user-select: none;
79        -webkit-flex-direction: row;
80        -webkit-align-items: center;
81        -webkit-user-select: none;
123       -webkit-appearance: none;
141       -webkit-clip-path: inset(20px 0px 0px 0px);
180       -webkit-appearance: none;
198       -webkit-transform: translateZ(0);
241       -webkit-flex-direction: column;
242       -webkit-justify-content: center;
243       -webkit-align-items: center;
262       -webkit-clip-path: inset(20px 20px 20px 20px round 4px 4px 0px 0px);
267       -webkit-flex-direction: row;
268       -webkit-align-items: center;
269       -webkit-justify-content: flex-end;
328       -webkit-appearance: none !important;
339       -webkit-transform-origin: 0 0;
340       -webkit-transform: rotate(-90deg) translateY(28px) translateX(-40px);
349       -webkit-appearance: none !important;
386       -webkit-appearance: media-closed-captions-container;
406       -webkit-user-select: none;
526       -webkit-flex: 1 1 0;
537       -webkit-appearance: none !important;
538       -webkit-flex: 1 1 0 !important;
552       -webkit-appearance: none !important;
561       -webkit-user-select: none;
562       -webkit-flex: 0 0 0;
595       -webkit-justify-content: flex-end;
604       -webkit-justify-content: flex-start;
630       -webkit-flex-direction: row;
631       -webkit-align-items: center;
632       -webkit-user-select: none;
633       -webkit-flex: 1 1 0;
642       -webkit-flex: 1 1 0;
647       -webkit-align-items: stretch;
648       -webkit-flex-direction: column;
698       -webkit-align-items: flex-start !important;
699       -webkit-justify-content: flex-end !important;
700       -webkit-clip-path: inset(20px round 6px);
744       -webkit-transform: none;
745       -webkit-clip-path: none;
752       -webkit-flex-direction: row;
753       -webkit-align-items: center;
763       -webkit-transform: none;
898       -webkit-user-select: none;
900       -webkit-flex: 1 1;
913       -webkit-box-sizing: border-box;
1052      -webkit-user-select: none;

Source/WebCore/Modules/mediacontrols/mediaControlsBase.css
56        -webkit-align-items: stretch;
57        -webkit-justify-content: flex-end;
58        -webkit-flex-direction: column;
64        -webkit-flex: 1 1 auto;
68        -webkit-transform: translateZ(0);
82        -webkit-user-select: none;
98        -webkit-flex-direction: row;
99        -webkit-align-items: center;
100       -webkit-user-select: none;
121       -webkit-appearance: none;
132       -webkit-filter: drop-shadow(black 0 1px 1px);
137       -webkit-filter: drop-shadow(white 0 0 10px);
170       -webkit-flex-direction: column;
171       -webkit-justify-content: center;
172       -webkit-align-items: center;
190       -webkit-transform: rotate(-90deg);
191       -webkit-transform-origin: 11px 11px;
203       -webkit-flex-direction: row;
204       -webkit-align-items: center;
205       -webkit-justify-content: flex-end;
227       -webkit-appearance: none !important;
247       -webkit-appearance: none !important;
256       -webkit-transform: rotateZ(0) !important;
292       -webkit-appearance: media-closed-captions-container;
314       -webkit-user-select: none;
414       -webkit-flex: 1 1 0;
418       -webkit-appearance: none !important;
419       -webkit-flex: 1 1 0 !important;
429       -webkit-appearance: none !important;
437       -webkit-transform: translateY(1px) rotateZ(-45deg) !important;
464       -webkit-user-select: none;
465       -webkit-flex: 0 0 0;
467       -webkit-justify-content: center;
468       -webkit-align-items: center;
494       -webkit-flex-direction: row;
495       -webkit-align-items: center;
496       -webkit-user-select: none;
497       -webkit-flex: 1 1 0;
505       -webkit-flex: 1 1 0;
509       -webkit-align-items: stretch;
510       -webkit-flex-direction: column;
553       -webkit-align-items: flex-start !important;
554       -webkit-justify-content: flex-end !important;
586       -webkit-transform: none;
593       -webkit-flex-direction: row;
594       -webkit-align-items: center;
617       -webkit-transform: rotateZ(270deg) !important;
716       -webkit-user-select: none;
718       -webkit-flex: 1 1;
731       -webkit-box-sizing: border-box;

Source/WebCore/css/html.css
730       -webkit-line-break: after-white-space;

Source/WebCore/css/legacyFormControlsIOS.css
69        -webkit-mask-image: initial;

Source/WebCore/css/mediaControls.css
100       -webkit-appearance: media-slider;

Source/WebCore/css/themeAdwaita.css
25        -webkit-appearance: none;
26        -webkit-box-shadow: none !important;
29        -webkit-mask-image: url("data:image/svg+xml;utf-8, \
36        -webkit-mask-size: 1em 1em;
40        -webkit-appearance: none;
41        -webkit-box-shadow: none !important;
44        -webkit-mask-image: url("data:image/svg+xml;utf-8, \
48        -webkit-mask-size: 1em 1em;
52        -webkit-appearance: none;
53        -webkit-box-shadow: none !important;
54        -webkit-mask-image: url("data:image/svg+xml;utf-8, \
58        -webkit-mask-size: 1em 1em;

Source/WebCore/html/shadow/imageOverlay.css
88        -webkit-user-select: none;

Source/WebCore/html/shadow/mac/imageControlsMac.css
33        -webkit-user-select: none;

Source/WebCore/html/shadow/meterElementShadow.css
4         -webkit-appearance: inherit;

Source/WebCore/xml/XMLViewer.css
77        -webkit-user-select: none;

Source/WebInspectorUI/UserInterface/External/CodeMirror/codemirror.css
65        -webkit-animation: blink 1.06s steps(1) infinite;
227       -webkit-user-select: none;
252       -webkit-font-variant-ligatures: contextual;



Requested Changes:
===================
-webkit-align-items -> align-items
-webkit-animation -> animation
-webkit-appearance -> appearance
-webkit-box-shadow -> box-shadow
-webkit-box-sizing -> box-sizing
-webkit-clip-path -> clip-path
-webkit-flex -> flex
-webkit-flex-direction -> flex-direction
-webkit-filter -> filter
-webkit-justify-content -> justify-content
-webkit-line-break -> line-break
-webkit-mask-image -> mask-image
-webkit-mask-size -> mask-size
-webkit-transform -> transform
-webkit-user-select -> user-select

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220525/76d83cbb/attachment-0001.htm>


More information about the webkit-unassigned mailing list