Material: mdAutocomplete: Modifies body position
I'm not sure if this is intended behavior or not, but some of the time when I type in an md-autocomplete box, the element style of the body tag is changed which makes my navbar disappear. The negative top value varies, and I'm not sure how to avoid it.
The navbar is the gray in the first picture with the teal bottom border part (I blocked out most of the content)
Before:
Enter in the md-autocomplete:
After:
Suggestions block and style:
I'm guessing that the since the <body> is the parent of the <ul> containing the suggestions that it adjusts based on that. Is there a reason the suggestions have to be on the top level?
I was thinking the suggestions <ul> could be injected into the element where the <md-autocomplete> is instead of the top level. This might make it easier to format the position of the list as well?
/*!
- Angular Material Design
- https://github.com/angular/material
- @license MIT
- v0.10.1 (Also 10.0)
*/
PseudoCorps
All 4 comments
Seems similar to #4151
PseudoCorps
on 15 Aug 2015
Similar to my comment on #6188
+1
I commented out the first applyStyles in the disableBodyScroll function and that seemed to fix this problem for me:
https://github.com/angular/material/blob/d963dca9f63d5865c02a0ff9e3a3bd1292b71460/src/core/util/util.js#L209
hoffination
on 1 Feb 2016
+1
baelter
on 24 Feb 2016
This issue is closed as part of our deprecation effort.
For details, see our post Spring Cleaning 2016.
ThomasBurleson
on 28 Apr 2016
Related issues
nikhildev
路
3Comments
Dona278
路
3Comments
ddimitrop
路
3Comments
rdantonio
路
3Comments
kasajian
路
3Comments
Most helpful comment
Similar to my comment on #6188
+1
I commented out the first applyStyles in the disableBodyScroll function and that seemed to fix this problem for me:
https://github.com/angular/material/blob/d963dca9f63d5865c02a0ff9e3a3bd1292b71460/src/core/util/util.js#L209