Modals: possible to align with right side of layout and detect open/close state?

  • Hi, I am starting to work with modals, and I am looking for a way to have it be maximized UNLESS the left side drawer is open, in which case fill the right side only (as if it were full screen). Are there properties built in that allow this? I can’t find them in the docs or I am possibly missing something obvious. Thanks!

  • For the first part, you could bind the maximized prop of the modal to a computed property. Then listen for the events of the sidebar and change accordingly. But it is tricky to fill the right space because modals are absolutely positioned. You could try to use CSS calc to compute the width (something like calc(100vw - $leftSidebarWidth).

Log in to reply