Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
mat-option: Unable to Set Height
See original GitHub issueBug, feature request, or proposal:
Bug
What is the expected behavior?
Changing the height of a mat-option element shouldn’t impact where the selected item appears inside
mat-select-content
What is the current behavior?
Pre Beta.12 setting an explicit height for mat-option worked as excepted. Post Beta.12 modifying the option height makes the selected option appear outside the visible mat-select-content area.
What are the steps to reproduce?
https://plnkr.co/edit/CULSXZovARH9HdKFm3d4?p=preview
This is a standard mat-select with an explicit height set on mat-option (35px).
- Open select
- Selected item is not visible
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular: 4.4.3 Material: 2.0.0-beta.12 OS: Windows 10 Typescript: 2.2.2 Browser: Chrome Version 61.0.3163.100 (Official Build) (64-bit)
Many apologies guys if this one is already logged too. I am searching around before logging but sometimes it’s hard to find open/related issues.
Thanks so much!
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Yep it may have worked, but all our calculations are based around a certain height for the options.
Bummer. OK thanks for clearing that up.