You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using touch input on the paginated loading story example, clicking "Load more items" closes the menu but still loads more items.
It's been difficult to get using a Portal with touch input correct...
For clicks, we initially would use onMouseUp={e => e.stopPropagation() on the react-popper instance to work around the issue, but this didn't work for touch.
I found using downshiftProps.getMenuProps(...) worked on Portal when using react-portal, but this broke when we switched to using Material-UI's Popper (which uses a Portal internally). Adding a div within the Popper appears to fix selecting items on touch/mobile except for the case of the "Load more items" case. I tried adding a e.stopPropagation() to the ListItem's onClick in the paginated story, but it would still trigger the outer click.
Need to think some more on this one...
The text was updated successfully, but these errors were encountered:
techniq
changed the title
Loading more items with paginated loading closes menu
Loading more items with paginated loading via touch closes menu
Jul 26, 2018
When using touch input on the paginated loading story example, clicking "Load more items" closes the menu but still loads more items.
It's been difficult to get using a Portal with touch input correct...
For clicks, we initially would use
onMouseUp={e => e.stopPropagation()
on the react-popper instance to work around the issue, but this didn't work for touch.I found using
downshiftProps.getMenuProps(...)
worked onPortal
when using react-portal, but this broke when we switched to using Material-UI's Popper (which uses a Portal internally). Adding adiv
within the Popper appears to fix selecting items on touch/mobile except for the case of the "Load more items" case. I tried adding ae.stopPropagation()
to the ListItem's onClick in the paginated story, but it would still trigger the outer click.Need to think some more on this one...
The text was updated successfully, but these errors were encountered: