Mat-Select with long options text blinks in IE
See original GitHub issueBug, feature request, or proposal:
When there are options with long text in the options list in mat-select
, the options are not shown whole when the list is open - which is, of course, correct. However, in Internet Explorer, the options somehow blinks to their full length and back to the truncated version when one opens or closes the list or when one selects an option.
What is the expected behavior?
The options list should not blink anyhow in Internet Explorer.
What is the current behavior?
When there is long text in select’s options list, the list blinks when it is opened, closed, or when an option is selected.
What are the steps to reproduce?
https://stackblitz.com/edit/angular-qdcxkp?file=app/select-overview-example.ts
Open in Internet Explorer and:
- Click the mat-select (first blink) and then click away (second blink).
- Click the mat-select (first blink) and then select an option (second blink).
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Win7, IE.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:8 (4 by maintainers)
Top Results From Across the Web
mat-select long option value - angular - Stack Overflow
I have two options for the question: scroll bar in the long text. ::ng- ...
Read more >Angular Mat-Select Text: Customize the Appearance
Learning how to use Angular MatSelect using JavaScript. Learn how to format select options in this web dev tutorial.
Read more >mat select all option stackblitz - You.com | The AI Search ...
If text for an option is too long, should so "…" at end but stay on same row. What is the current behavior?...
Read more >Select | Angular Material
Selector: mat-select-trigger ... Function to compare the option values with the selected values. ... Gets a promise for the select's value text.
Read more >ngx-mat-select-search - npm
Angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@crisbeto please let me know whether you would accept a fix that removes the animation from
100%
to100% + 32px
, so I could file another PR for this.This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.