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

In-line Free Scroll toggling #59

Closed
Tracked by #304
jondwillis opened this issue Apr 6, 2023 · 2 comments
Closed
Tracked by #304

In-line Free Scroll toggling #59

jondwillis opened this issue Apr 6, 2023 · 2 comments
Milestone
1.9.0

Comments

@jondwillis
Copy link
Contributor

A common UX affordance is to enable free scroll and add a “⬇️ scroll to bottom” floating action button that disables free scroll. optionally, this new behavior could be disabled with another setting/env var.
@jondwillis jondwillis mentioned this issue Apr 6, 2023
Closed
@enricoros
Copy link
Owner

Just tested this. A bit tough at the edges, but should be the default. Will need to do some cleanup, but thanks for the patch!

@enricoros
Copy link
Owner

I admit the FAB is not there yet - and the scrolling is just okay, sometimes on mobile is not optimal. The browser-standard way of doing it, is to use a flexbox with row-reverse as the display mode. So that the message[0] is at the bottom and browsers go to it.

However one day we may re-migrate to the 'scrollToBottom()' way of doing it every time there's a new token..

enricoros added a commit that referenced this issue Dec 28, 2023
@enricoros
Scroll-To-Bottom: complete Framework. Fixes #304, Fixes #60, Fixes #59
2eb3397
enricoros added a commit that referenced this issue Dec 28, 2023
@enricoros
New UI - Part 1 - Details inside:
d775d47 
 - Optima Layout: new Context based pluggable layout system
   - Now children have context functions, for better behaviors
   - Removed `store-applayout`
   - using withLayout on top-level Pages
 - ScrollToBottom: grounds-up subsystem for smooth scrolling with snap-to-bottom
 - Panes subsystem: use react-resizeable-panels together with our Panes subsystem
   - New: Split window chats, Drag to close windows, Button to split
   - using: https://github.com/bvaughn/react-resizable-panels
 - Cosmetic: Colors: update Light and Dark themes
 - Bootstrap Logic provider: will enable Mobile use cases
 - Removed NoSSR (the backend provided natually acts as the same)
 - Next load progress: loading indicator for slower pages (>300ms)
 - withLayout() system

Additional benefits include: no-pluggable-flashing, pane-ready,
fixed X-scrolling on Firefox, and more.

Closes #308, #304, #255, #59.
Progress on #305, #201, #296, #233, #208, #203.
@enricoros enricoros added this to the 1.9.0 milestone Dec 28, 2023
@enricoros enricoros mentioned this issue Dec 28, 2023
Closed
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
1.9.0
Development

No branches or pull requests
2 participants
@enricoros @jondwillis