menu can't be made full screen (for better UX on mobile) #3061
Description
so I'm working on a responsive app where I want components to be responsive from mobile to desktop
this means that I for example make dialogs full screen on mobile, and keep them as small pop up windows on desktop. and resizing the window dynamically switches between one and the other
however now that I am implementing a menu (https://base-ui.com/react/components/menu) I find that this component isn't able to be made full screen, as the built in positioning logic prevents that.
I think it would be great if some thought could be put into making baseUI components mobile friendly. in general it seems the library is desktop focused, but the reality of web for most apps is that they are expected to run on all devices that can run a browser.
for now I think I'll just switch the menu to a dialog on mobile, since I already made that component mobile friendly - but it would be great to have a better integration
edit: another example of this is tooltips, which rely on a hover state which is nonexistent on mobile