New issue
Advanced search Search tips

Issue 755465 link

Starred by 1 user
Status: Duplicate
Merged: issue 436654
Owner:
tkent@chromium.org
Closed: Aug 2017
Cc:
kojii@chromium.org
e...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows , Mac
Pri: 3
Type: Feature



Sign in to add a comment

Unable to style on overflows in select boxes

Reported by three.er...@gmail.com, Aug 15 2017 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Steps to reproduce the problem:
1. Add "overflow:hidden; text-overflow: ellipsis;" to css
2. Apply class to HTML select tag
3. 

What is the expected behavior?
On long texts, texts that overflow should be hidden and truncated to show ellipsis

What went wrong?
Chromium does not respect the CSS class and does not style overflows accordingly. Instead, texts that are shown are clipped to the width of the HTML select.

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.90  Channel: stable
OS Version: OS X 10.12.6
Flash Version:

Comment 1 by phistuck@chromium.org, Aug 15 2017

Labels: OS-Windows
Status: Untriaged (was: Unconfirmed)
Example -
http://jsbin.com/pabuqureqa/1/edit?html,output

All of the browsers except Firefox do not support text-overflow: ellipsis on <select> or <option>.
Firefox is the odd one out, even though the behavior looks more reasonable (to me, personally), I suppose.

Comment 2 by rjwright@chromium.org, Aug 16 2017

Labels: -Type-Bug -Pri-2 Pri-3 Type-Feature
Owner: meade@chromium.org
Status: Assigned (was: Untriaged)

Comment 3 by rjwright@chromium.org, Aug 16 2017

Labels: Update-Quarterly

Comment 4 by meade@chromium.org, Aug 21 2017

Cc: kojii@chromium.org
Components: -Blink>CSS Blink>Layout
Labels: -Update-Quarterly
Owner: e...@chromium.org
I'm not sure if this is a text or input issue, eae/kojii, could you PTAL? Do we intend to support this?

Comment 5 by kojii@chromium.org, Aug 22 2017

Cc: e...@chromium.org
Components: -Blink>Layout Blink>Forms>Select
Owner: tkent@chromium.org
While the use case looks reasonable, the spec doesn't say these properties should be propagated to inner boxes the option elements create, so this looks by design to me.

Over to the forms team.

Comment 6 by tkent@chromium.org, Aug 22 2017

Mergedinto: 436654
Status: Duplicate (was: Assigned)
►

Sign in to add a comment