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

Improve experience when the frame overflows the available space #73

Open
Inwerpsel opened this issue Jul 25, 2024 · 0 comments
Open

Improve experience when the frame overflows the available space #73

Inwerpsel opened this issue Jul 25, 2024 · 0 comments
Labels
enhancement New feature or request needs design Missing design ideas for crucial components needs info The issue probably doesn't have enough information/ideas to be actionable at this time

Comments

@Inwerpsel
Copy link
Owner

Inwerpsel commented Jul 25, 2024

Currently, if you zoom in enough, or use a large screen size, the frame will extend under the right sidebar and/or the bottom of the screen.

If an element is then scrolled into view, it can also make the frame go under the left sidebar.

While this behavior is not that bad, it results in some problems and needs some extra elements to be usable.

  • There is no indication of where you zoomed in or how much was cut off from any of the sides. This could be shown in the full height frame, though sometimes it's too small if the page is really long.
  • The user cannot move the frame in the same way the browser does when scrolling an element into view.
  • Because the scale is done using a transform, the browser is not consistently able to put the element actually into view or in the intended position.

Possible improvements:

  • Perhaps simply making X axis scrollable works well. Probably tricky because a transform is used.
  • If native scrollbars prove challenging, it might be overall easier to make an own implementation for this purpose.
@Inwerpsel Inwerpsel added enhancement New feature or request needs design Missing design ideas for crucial components needs info The issue probably doesn't have enough information/ideas to be actionable at this time labels Jul 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request needs design Missing design ideas for crucial components needs info The issue probably doesn't have enough information/ideas to be actionable at this time
Projects
None yet
Development

No branches or pull requests

1 participant