Closed stickfigure closed 6 months ago
I finally made some progress. It looks like if there's too many lines, but not too-too many lines, the scrollbar doesn't work.
I forked the form-example-simple-select. The select is on a dialog in the middle of the page. I cut down the number of states so that there's too many to fit in the popup, but not so many that they would fill the full vertical space.
You may need to reduce the vertical size of the window to see this behavior:
Thank you for the great reproducible demo! It looks like I fixed it in v6.0.0-next.2, so I'll port the positioning fixes back to here. I'll also add a positionOptions
prop to the Select
so you can customize the positioning a bit if needed. Example:
positionOptions={{
preventOverlap: true,
preventSwapping: true,
}}
This is a weird one. When opening the dropdown list (with many items) on a Select in my app, it doesn't allow scrolling.
Picture: https://monosnap.com/file/r7WfwTGQVgjDx2urh258eAI9re0b37
I can see the problem - in the Select demo, the listbox gets a
bottom
element style. For some reason my Select does not. I tried tracing into theuseFixedPositioning
hook but it is beyond me.I've been trying unsuccessfully to create a sandbox example. Possibly related is that this Select is on a dialog, but it's not just that.
I'm stuck. What circumstances cause
useFixedPositioning
to include (or not include) thebottom
style?This is v5.1.5 of react-md.