I'm currently working on a design that originally was using a nested drop down meny like so:
But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no longer fits on the screen.
Is there a better way of handling this? We thought we might do something like how chrome has created their bookmarks menu. Below are some images that illustrate what happens. Basically, the original menu is replaced by the submenu, and we add a back button. Is there a name for this pattern/type of nested menu? Does anyone know an existing library that supports this?
Or, does someone know of a better alternative? It'd be great if there was a library we could use for it.
Any advice would help! Thank you!!