[iOS] Support rendering native <meter> in vertical writing mode

https://bugs.webkit.org/show_bug.cgi?id=261593
rdar://115536615

Reviewed by Wenson Hsieh.

Adjust painting code to draw a vertical <meter> when using a vertical
writing mode. The "track" is already drawn vertically, this patch fixes the
filled area.

* LayoutTests/platform/ios/TestExpectations:
* Source/WebCore/rendering/RenderThemeIOS.mm:
(WebCore::RenderThemeIOS::paintMeter):

Canonical link: https://commits.webkit.org/268074@main

LayoutTests/platform/ios/TestExpectations

@@ -1179,8 +1179,6 @@ css3/color-filters/color-filter-caret-color.html [ Skip ]
 # Not relevant for iOS.
 css3/color-filters/color-filter-ignore-semantic.html [ Skip ]
 
-webkit.org/b/261593 fast/forms/vertical-writing-mode/meter.html [ ImageOnlyFailure ]
-
 # WebCryptoAPI features that enabled only for iOS 11/High Sierra+
 crypto/subtle/rsa-pss-generate-export-key-jwk-sha1.html [ Pass ]
 crypto/subtle/rsa-pss-generate-export-key-jwk-sha224.html [ Pass ]

Source/WebCore/rendering/RenderThemeIOS.mm

@@ -2140,6 +2140,7 @@ static void paintAttachmentBorder(GraphicsContext& context, Path& borderPath)
     GraphicsContextStateSaver stateSaver(context);
 
     auto styleColorOptions = renderer.styleColorOptions();
+    auto isHorizontalWritingMode = renderer.style().isHorizontalWritingMode();
 
     float cornerRadius = std::min(rect.width(), rect.height()) / 2.0f;
     FloatRoundedRect roundedFillRect(rect, FloatRoundedRect::Radii(cornerRadius));
@@ -2151,10 +2152,17 @@ static void paintAttachmentBorder(GraphicsContext& context, Path& borderPath)
     context.clipRoundedRect(roundedFillRect);
 
     FloatRect fillRect(roundedFillRect.rect());
-    if (renderMeter.style().isLeftToRightDirection())
-        fillRect.move(fillRect.width() * (element->valueRatio() - 1), 0);
-    else
-        fillRect.move(fillRect.width() * (1 - element->valueRatio()), 0);
+
+    auto fillRectInlineSize = isHorizontalWritingMode ? fillRect.width() : fillRect.height();
+    FloatSize gaugeRegionPosition(fillRectInlineSize * (element->valueRatio() - 1), 0);
+
+    if (!isHorizontalWritingMode)
+        gaugeRegionPosition = gaugeRegionPosition.transposedSize();
+
+    if (!renderer.style().isLeftToRightDirection())
+        gaugeRegionPosition = -gaugeRegionPosition;
+
+    fillRect.move(gaugeRegionPosition);
     roundedFillRect.setRect(fillRect);
 
     switch (element->gaugeRegion()) {