ui icon indicating copy to clipboard operation
ui copied to clipboard

[Documentation] cannot close USlideover on mobile

Open sandros94 opened this issue 2 years ago • 3 comments

Version

Current docs

Reproduction Link

While browsimg the nuxtlab-ui documentation on mobile, if I open up the slideover component example I cannot close it since it becomes full-width.

Steps to reproduce

On mobile open up the slideover example in the docs. Once open is not possible to close it for screens where the width matches the width of the component.

What is Expected?

Using the nav back of the device it should close the slideover.

What is actually happening?

Instead it navigates back to the last page visited.

sandros94 avatar May 18 '23 12:05 sandros94

Just for visual information, here's the USlideover open on mobile: Screenshot_2023-05-19-13-55-06-37_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

sandros94 avatar May 19 '23 11:05 sandros94

Indeed, I will add a close button in the example. Thanks 😊

benjamincanac avatar May 19 '23 13:05 benjamincanac

One question raised in my mind: how could we make that the system back navigation (os agnostic) could handle the slideover close?

Wouldn't this be a nice UX addition? Maybe making it disableable with a prop?

sandros94 avatar May 20 '23 11:05 sandros94