Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

​ Prismic preview toolbar overflows on the right on mobile, cant close preview #162

Closed
gabrielsze opened this issue May 23, 2022 · 2 comments
Labels
dependencies Pull requests that update a dependency file do not track Do not track this issue on the Prismic OSS Dashboard

Comments

@gabrielsze
Copy link

gabrielsze commented May 23, 2022

Screenshot 2022-05-21 at 12 20 30 PM

Versions

  • nuxt-edge: v2.16.0
  • @nuxtjs/prismic: v1.2.6
  • node: v14.18.0

Reproduction

Currently dont have a repro on this, wondering if it's because of my CSS stylesheet, seems to have encountered this really early on.

What is Expected?

I should be able to see the close preview X on the mobile.

What is actually happening?

It's being overflowed on the right. The preview functionality works well for me, but I'm wondering if I'm the only one facing this issue on mobile where I can't click the close preview button.

Here's how it looks for me, I've tried to edit by using global CSS but it doesn't work because the CSS is injected via a shadow root.

Is there anything I can do to reveal the X button to close my preview on mobile?

@gabrielsze gabrielsze added the bug Something isn't working label May 23, 2022
@lihbr
Copy link
Collaborator

lihbr commented May 23, 2022

Hey there, thanks for opening an issue!

This is indeed a known issue of the toolbar, we're tracking it internally.

In the meantime preview can be closed by switching to paysage mode.

I'll let you know when we have progress on it ☺️

@lihbr lihbr added do not track Do not track this issue on the Prismic OSS Dashboard dependencies Pull requests that update a dependency file and removed bug Something isn't working labels May 23, 2022
@lihbr
Copy link
Collaborator

lihbr commented May 23, 2022

Alright, we'll track it on the toolbar repo: prismicio/prismic-toolbar#98 ☺️

@lihbr lihbr closed this as completed May 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file do not track Do not track this issue on the Prismic OSS Dashboard
Projects
None yet
Development

No branches or pull requests

2 participants