New issue
Advanced search Search tips

Issue 799465 link

Starred by 7 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 3
Type: Bug



Sign in to add a comment

<option> element can't increment CSS counters

Reported by roman.ko...@oyst.com, Jan 5 2018

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 YaBrowser/17.10.0.2052 Yowser/2.5 Safari/537.36

Steps to reproduce the problem:
Go to https://codepen.io/kizu/pen/PEJgpr

What is the expected behavior?
The number after “Selected value:” should be equal to the selected option's inline CSS variable.

What went wrong?
The counters on <option> element don't work

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: n/a
OS Version: OS X 10.13.1
Flash Version: 

Other major browsers — Firefox & Edge support this behavior. Support for this in Chrome/Safari would mean we could do a lot of interesting stuff with <select>s.
 
Labels: -Pri-2 Hotlist-GoodFirstBug Pri-3
Status: Available (was: Unconfirmed)
This is because we associate counter nodes with LayoutObjects. option and optgroup elements don't create LayoutObjects even when rendered in Blink.

Set this as a GoodFirstBug because the fix should be pretty contained, yet there might be a few lines of code involved. Most likely in LayoutCounter.* and CounterNode.*

A note: counters for options at select with `multiple` attribute work in Chrome! (but don't work in Safari) — https://codepen.io/kizu/pen/EowqxX

Comment 3 Deleted

Sign in to add a comment