Title: [293337] trunk/Source/WebCore
Revision
293337
Author
n...@apple.com
Date
2022-04-25 12:09:01 -0700 (Mon, 25 Apr 2022)

Log Message

Unprefix html.css, fullscreen.css and pdfjs-extras
https://bugs.webkit.org/show_bug.cgi?id=239725

Reviewed by Brent Fulgham.

Use unprefixed versions of CSS values & properties.
Excluded text-align: -webkit-center which has different behavior than text-align: center.

* Modules/pdfjs-extras/adwaita/style.css:
(.dropdownToolbarButton > select):
* css/fullscreen.css:
(:-webkit-full-screen-ancestor:not(iframe)):
* css/html.css:
(input, textarea, select, button, meter, progress):
(#if defined(ENABLE_DATE_AND_TIME_INPUT_TYPES) && ENABLE_DATE_AND_TIME_INPUT_TYPES):
(input::-webkit-credentials-auto-fill-button):
(input::-webkit-contacts-auto-fill-button):
(input::-webkit-credit-card-auto-fill-button):
(::-webkit-validation-bubble-message):
(::-webkit-validation-bubble-arrow):

Modified Paths

Diff

Modified: trunk/Source/WebCore/ChangeLog (293336 => 293337)


--- trunk/Source/WebCore/ChangeLog	2022-04-25 18:49:55 UTC (rev 293336)
+++ trunk/Source/WebCore/ChangeLog	2022-04-25 19:09:01 UTC (rev 293337)
@@ -1,3 +1,26 @@
+2022-04-25  Tim Nguyen  <n...@apple.com>
+
+        Unprefix html.css, fullscreen.css and pdfjs-extras
+        https://bugs.webkit.org/show_bug.cgi?id=239725
+
+        Reviewed by Brent Fulgham.
+
+        Use unprefixed versions of CSS values & properties.
+        Excluded text-align: -webkit-center which has different behavior than text-align: center.
+
+        * Modules/pdfjs-extras/adwaita/style.css:
+        (.dropdownToolbarButton > select):
+        * css/fullscreen.css:
+        (:-webkit-full-screen-ancestor:not(iframe)):
+        * css/html.css:
+        (input, textarea, select, button, meter, progress):
+        (#if defined(ENABLE_DATE_AND_TIME_INPUT_TYPES) && ENABLE_DATE_AND_TIME_INPUT_TYPES):
+        (input::-webkit-credentials-auto-fill-button):
+        (input::-webkit-contacts-auto-fill-button):
+        (input::-webkit-credit-card-auto-fill-button):
+        (::-webkit-validation-bubble-message):
+        (::-webkit-validation-bubble-arrow):
+
 2022-04-25  Antti Koivisto  <an...@apple.com>
 
         [CSS Typed OM] Fix AttributeStyleMap.get for list values

Modified: trunk/Source/WebCore/Modules/pdfjs-extras/adwaita/style.css (293336 => 293337)


--- trunk/Source/WebCore/Modules/pdfjs-extras/adwaita/style.css	2022-04-25 18:49:55 UTC (rev 293336)
+++ trunk/Source/WebCore/Modules/pdfjs-extras/adwaita/style.css	2022-04-25 19:09:01 UTC (rev 293337)
@@ -27,5 +27,5 @@
 }
 
 .dropdownToolbarButton > select {
-    -webkit-appearance: none;
+    appearance: none;
 }

Modified: trunk/Source/WebCore/css/fullscreen.css (293336 => 293337)


--- trunk/Source/WebCore/css/fullscreen.css	2022-04-25 18:49:55 UTC (rev 293336)
+++ trunk/Source/WebCore/css/fullscreen.css	2022-04-25 19:09:01 UTC (rev 293337)
@@ -40,13 +40,13 @@
     position: static !important;
     opacity: 1 !important;
     transform: none !important;
-    -webkit-mask: none !important;
+    mask: none !important;
     clip: none !important;
     filter: none !important;
     transition: none !important;
     -webkit-box-reflect: none !important;
     perspective: none !important;
-    -webkit-transform-style: flat !important;
+    transform-style: flat !important;
     overflow: visible !important;
     contain: none !important;
 }

Modified: trunk/Source/WebCore/css/html.css (293336 => 293337)


--- trunk/Source/WebCore/css/html.css	2022-04-25 18:49:55 UTC (rev 293336)
+++ trunk/Source/WebCore/css/html.css	2022-04-25 19:09:01 UTC (rev 293337)
@@ -379,7 +379,7 @@
 
 /* Form controls don't go vertical. */
 input, textarea, select, button, meter, progress {
-    -webkit-writing-mode: horizontal-tb !important;
+    writing-mode: horizontal-tb !important;
 }
 
 input, textarea, select, button {
@@ -488,7 +488,7 @@
 input:is([type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"]) {
     appearance: auto;
     align-items: center;
-    display: -webkit-inline-flex;
+    display: inline-flex;
     overflow: hidden;
 #if defined(WTF_PLATFORM_IOS_FAMILY) && WTF_PLATFORM_IOS_FAMILY
     border: 1px solid -webkit-control-background;
@@ -622,8 +622,8 @@
     margin-right: 1px;
     mix-blend-mode: luminosity;
 #else
-    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M 16 3.5 C 16 2.672 16.672 2 17.5 2 C 18.3 2 19 2.7 19 3.5 C 19 4.3 18.3 5 17.5 5 C 16.7 5 16 4.3 16 3.5 Z M 11 6.5 C 11 10.1 13.9 13 17.5 13 C 21.1 13 24 10.1 24 6.5 C 24 2.9 21.1 0 17.5 0 C 13.9 0 11 2.9 11 6.5 Z"/><path d="M 20 17.3 L 20 18.6 L 20.9 19.9 C 21 20 21 20 21 20 L 17.7 23.8 C 17.7 23.8 17.7 23.8 17.7 23.8 C 17.5 23.9 17.4 23.9 17.3 23.8 L 15 21 L 15 11 L 20 11 L 20 14.8 L 21 15.9 C 21 16 21 16 20.9 16.1 L 20 17.3 Z M 17 13 L 17 21.3 L 17.5 21.8 L 18 21.3 L 18 13 L 17 13 Z"/></svg>');
-    -webkit-mask-size: 22px 12px;
+    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M 16 3.5 C 16 2.672 16.672 2 17.5 2 C 18.3 2 19 2.7 19 3.5 C 19 4.3 18.3 5 17.5 5 C 16.7 5 16 4.3 16 3.5 Z M 11 6.5 C 11 10.1 13.9 13 17.5 13 C 21.1 13 24 10.1 24 6.5 C 24 2.9 21.1 0 17.5 0 C 13.9 0 11 2.9 11 6.5 Z"/><path d="M 20 17.3 L 20 18.6 L 20.9 19.9 C 21 20 21 20 21 20 L 17.7 23.8 C 17.7 23.8 17.7 23.8 17.7 23.8 C 17.5 23.9 17.4 23.9 17.3 23.8 L 15 21 L 15 11 L 20 11 L 20 14.8 L 21 15.9 C 21 16 21 16 20.9 16.1 L 20 17.3 Z M 17 13 L 17 21.3 L 17.5 21.8 L 18 21.3 L 18 13 L 17 13 Z"/></svg>');
+    mask-size: 22px 12px;
     width: 22px;
     height: 12px;
     margin-left: 3px;
@@ -652,11 +652,11 @@
 
 input::-webkit-contacts-auto-fill-button {
 #if (defined(HAVE_ALTERNATE_ICONS) && HAVE_ALTERNATE_ICONS)
-    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M 12 24 C 18.5647 24 24 18.5529 24 12 C 24 5.4353 18.553 0 11.9883 0 C 5.4353 0 0 5.4353 0 12 C 0 18.5529 5.4471 24 12 24 Z M 12 16.0118 C 8.4706 16.0118 5.7412 17.2706 4.5529 18.6823 C 2.9647 16.9176 2.0118 14.5765 2.0118 12 C 2.0118 6.447 6.4353 2 11.9883 2 C 17.5412 2 21.9883 6.447 22 12 C 22.0119 14.5765 21.0471 16.9176 19.4589 18.6941 C 18.2706 17.2823 15.5412 16.0118 12 16.0118 Z M 12 14.0118 C 14.2588 14.0353 16.0353 12.1059 16.0353 9.5765 C 16.0353 7.2 14.2588 5.2235 12 5.2235 C 9.7412 5.2235 7.9529 7.2 7.9647 9.5765 C 7.9765 12.1059 9.7412 13.9882 12 14.0118 Z"/></svg>');
+    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M 12 24 C 18.5647 24 24 18.5529 24 12 C 24 5.4353 18.553 0 11.9883 0 C 5.4353 0 0 5.4353 0 12 C 0 18.5529 5.4471 24 12 24 Z M 12 16.0118 C 8.4706 16.0118 5.7412 17.2706 4.5529 18.6823 C 2.9647 16.9176 2.0118 14.5765 2.0118 12 C 2.0118 6.447 6.4353 2 11.9883 2 C 17.5412 2 21.9883 6.447 22 12 C 22.0119 14.5765 21.0471 16.9176 19.4589 18.6941 C 18.2706 17.2823 15.5412 16.0118 12 16.0118 Z M 12 14.0118 C 14.2588 14.0353 16.0353 12.1059 16.0353 9.5765 C 16.0353 7.2 14.2588 5.2235 12 5.2235 C 9.7412 5.2235 7.9529 7.2 7.9647 9.5765 C 7.9765 12.1059 9.7412 13.9882 12 14.0118 Z"/></svg>');
 #else
-    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="11" fill="none" stroke="black" stroke-width="2"/><path d="M 12 11.5 C 10.3 11.5 9 10.1 9 8.2 C 9 6.5 10.3 5 12 5 C 13.6 5 15 6.5 15 8.2 C 15 10.1 13.6 11.5 12 11.5 Z M 6.6 18 C 6.2 18 6 17.7 6 17.4 C 6 16.2 7.9 13 12 13 C 16.1 13 18 16.2 18 17.4 C 18 17.7 17.8 18 17.4 18 L 6.6 18 Z"/></svg>');
+    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="11" fill="none" stroke="black" stroke-width="2"/><path d="M 12 11.5 C 10.3 11.5 9 10.1 9 8.2 C 9 6.5 10.3 5 12 5 C 13.6 5 15 6.5 15 8.2 C 15 10.1 13.6 11.5 12 11.5 Z M 6.6 18 C 6.2 18 6 17.7 6 17.4 C 6 16.2 7.9 13 12 13 C 16.1 13 18 16.2 18 17.4 C 18 17.7 17.8 18 17.4 18 L 6.6 18 Z"/></svg>');
 #endif
-    -webkit-mask-size: 22px 12px;
+    mask-size: 22px 12px;
     width: 22px;
     height: 12px;
     margin-left: 3px;
@@ -675,8 +675,8 @@
 }
 
 input::-webkit-credit-card-auto-fill-button {
-    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="4" width="22" height="16" rx="2" fill="none" stroke="black" stroke-width="2"/><rect x="2" y="8" width="20" height="3"/><rect x="3" y="12" width="5" height="4" rx="1"/></svg>');
-    -webkit-mask-size: 22px 12px;
+    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="4" width="22" height="16" rx="2" fill="none" stroke="black" stroke-width="2"/><rect x="2" y="8" width="20" height="3"/><rect x="3" y="12" width="5" height="4" rx="1"/></svg>');
+    mask-size: 22px 12px;
     width: 22px;
     height: 12px;
     margin-left: 3px;
@@ -1128,10 +1128,10 @@
     min-width: 50px;
     max-width: 200px;
     border: solid 2px #400;
-    background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc));
+    background: linear-gradient(#f8ecec, #e8cccc);
     padding: 8px;
     border-radius: 8px;
-    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.6),
+    box-shadow: 4px 4px 4px rgba(100,100,100,0.6),
         inset -2px -2px 1px #d0c4c4,
         inset 2px 2px 1px white;
     line-height: normal;
@@ -1158,7 +1158,7 @@
     border-style: solid;
     border-color: #400;
     box-shadow: inset 2px 2px 1px white;
-    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
     transform: rotate(45deg);
     z-index: 2147483645;
 }
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to