From 932172a372a2829a0e68c411d4cd142d2cdbde1d Mon Sep 17 00:00:00 2001 From: Di Zhang Date: Fri, 26 Jan 2024 11:35:34 -0800 Subject: [PATCH 1/8] Update progress, meter, range input's value layout on writing-mode and direction --- source | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/source b/source index 1205f7c405b..c12d30cdd82 100644 --- a/source +++ b/source @@ -132951,8 +132951,9 @@ details[open] > summary:first-of-type {

When the control is wider than it is tall (or square), the control is expected to be a horizontal slider, with the lowest value on the right if the 'direction' property on this element has a computed value of 'rtl', and on the left otherwise. When the - control is taller than it is wide, it is expected to be a vertical slider, with the lowest value - on the bottom.

+ control is taller than it is wide, it is expected to be a vertical slider, with the lowest value on + the bottom if the 'direction' property on this element has a computed value + of 'rtl', and on the left otherwise.

Predefined suggested values (provided by the list attribute) are expected to be shown as tick marks on the slider, which the slider can snap to.

@@ -133222,7 +133223,8 @@ meter { appearance: auto; } horizontal gauge, with the minimum value on the right if the 'direction' property on this element has a computed value of 'rtl', and on the left otherwise. When the element is taller than it is wide, it is expected to depict a vertical gauge, with the minimum - value on the bottom.

+ value on the bottom if the 'direction' property on this element has a computed + value of 'rtl', and on the left otherwise.

User agents are expected to use a presentation consistent with platform conventions for gauges, if any.

@@ -133255,9 +133257,11 @@ progress { appearance: auto; } bar, with the start on the right and the end on the left if the 'direction' property on this element has a computed value of 'rtl', and with the start on the left and the end on the right otherwise. When the element is taller than it is wide, it is expected to be - depicted as a vertical progress bar, with the lowest value on the bottom. When the element is - square, it is expected to be depicted as a direction-independent progress widget (e.g. a circular - progress ring).

+ depicted as a vertical progress bar, with the start on the bottom and the end on the top if the + 'direction' property on this element has a computed value of 'rtl', and + with the start on the top and the end on the bottom otherwise. When the element is square, it is + expected to be depicted as a direction-independent progress widget (e.g. a circular progress + ring).

User agents are expected to use a presentation consistent with platform conventions for progress bars. In particular, user agents are expected to use different presentations for @@ -141612,6 +141616,7 @@ INSERT INTERFACES HERE Devarshi Pant, Devdatta, Devin Rousso, + Di Zhang, Diego Ferreiro Val, Diego González Zúñiga, Diego Ponce de León, From 03b56c3edb19e46c1a0919c1e1b373fa7d51e3d5 Mon Sep 17 00:00:00 2001 From: Di Zhang Date: Thu, 1 Feb 2024 13:40:45 -0800 Subject: [PATCH 2/8] Use writing mode to describe horizontal/vertical --- source | 44 ++++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/source b/source index c12d30cdd82..1b79c0ff374 100644 --- a/source +++ b/source @@ -3894,6 +3894,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute