Open bunjiboys opened 7 years ago
+1
It's possible to work around this by setting the .scrollTop of the md-content inside the md-select-menu, on a delay triggered by md-on-open.
Coffeescript workaround:
scope.onOpen = ()->
opened = false
scrollSelectHeaderInView = ->
el = $("md-select-menu md-content._md")
if !opened && el.length > 0
opened = true
el[0].scrollTop = 0
$interval(scrollSelectHeaderInView, 40, 10, false)
opened
for ios put the below css :
md-select-menu md-content {
-webkit-overflow-scrolling: auto !important;
}
This is reproducible with AngularJS Material 1.1.7 and AngularJS 1.6.7 as well.
@srikanthdarmapuri please 👍 the OP so that we can sort by popular issue reactions. Please refrain from adding +1
comments to issues.
I also faced the same issue, and here is my workaround using jQuery $('md-select-menu md-content._md').scrollTop(-10);
Waiting for some proper solution.
Actual Behavior:
What is the issue? *
When opening the mdSelect drop down, the list is scrolled past the mdSelectHeader which effectively hides it, when the list is long enough to start scrollingWhat is the expected behavior?
The mdSelectHeader should be at the top of the drop down panelCodePen (or steps to reproduce the issue): *
CodePen Demo which shows your issue:
Is present with the default CodePen (forked at http://codepen.io/bunjiboys/pen/ryRwQv)Details:
AngularJS Versions: *
AngularJS Version:
1.5.11AngularJS Material Version:
1.1.3Additional Information:
Browser Type: *
Google ChromeOS: *
macOS Sierra 10.12.3 (16D32)Stack Traces:
N/AShortcut to create a new CodePen Demo. Note:
*
indicates required information. Without this information, your issue may be auto-closed.