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.

Sign up for GitHub

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

Jump to bottom

Split panel on Chrome mobile breaks when clicking on the line #862

Closed
shaal opened this issue Aug 18, 2022 · 1 comment
Closed

Split panel on Chrome mobile breaks when clicking on the line #862

shaal opened this issue Aug 18, 2022 · 1 comment
Assignees
@claviska
Labels
bug Things that aren't working right in the library.

Comments

@shaal
Copy link
Contributor

shaal commented Aug 18, 2022

Describe the bug

When viewing Split panel component on Chrome on Android, or on desktop + devtools + mobile mode, clicking on the line between the 2 sides break the component.

To Reproduce

Steps to reproduce the behavior:

  1. On Chrome (mobile or mobile mode)
  2. Go to the first example https://shoelace.style/components/split-panel?id=examples (or to their codepen link)
  3. Click on the line between the 2 sides
  4. You'll see the line disappears, and the 2 sides now appear one above the other

Screenshots

image

Browser / OS

  • OS: Mac
  • Browser: Chrome, Edge Chromium (+ mobile)
  • Browser version: 104-105

Additional information

Provide any additional information about the bug here.
@shaal shaal added the bug Things that aren't working right in the library. label Aug 18, 2022
@claviska
Copy link
Member

Good catch! Fixed in c8f42c5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@claviska claviska

Labels
bug Things that aren't working right in the library.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@shaal @claviska