I was wondering what's the point of opening modal bottom sheet when overflow menu is clicked? Look at this : Modal bottom sheet behavior

Because user have to reach the top of the screen to click the oveflow menu, then go back to the bottom to click desired action which is on the bottom sheet.

Am I missing something here?


According to Fitt's Law - The time to acquire a target is a function of the distance to and size of the target. I agree that I think distance between the menu and the bottom sheet is substantial. This solution allows placing a lot options in one place.

No you don't missing something - it's a good practise.

The other solution in this circumstances is context menu - reduces the distance of the action postulated from the opening of the action menu enter image description here


At times a lot of these can be classified as anti-patterns since the guidelines for how Bottom Sheets should appear are very vague. The purpose of a bottom sheet is to appear to be easy to reach for the thumb or index finger while providing an alternative to a popup or similar content accessible for taller displays and one handed use.

Essentially I believe it's an incorrect pattern since you're first travelling all the way on the top to tap on the overflow menu and then it also doesn't match the user expectation since people are used to the overflow menu opening in a different manner. The video you showcased doesn't allow the user to tap into the mental model of what they are familiar with.

Guidelines: https://material.io/design/components/sheets-bottom.html

  • 1
    good point mismatch with user expectation, since overflow menu suppose to show a context menu – user158 Jul 26 at 8:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.