YASHK-arch opened a new pull request, #40191:
URL: https://github.com/apache/superset/pull/40191
Here is the **pure `.md` file content** (clean, directly paste into GitHub
PR):
```md
# 🚀 Summary
Long scrollable areas (e.g., SQL Lab results/history, native filter lists)
require tedious manual scrolling—especially on mobile or when content updates
in real time.
This PR introduces a reusable **scroll-to-bottom control** in
`@superset-ui/core` and integrates it into key areas where users frequently
need to jump to the latest content.
---
# ✨ New Components
**Location:**
`packages/superset-ui-core/src/components/ScrollToBottomButton/`
## 🔹 ScrollToBottomButton
- Fixed-position button inside a scroll container
- Smooth-scrolls to the bottom on click
- Hidden when the user is near the bottom (default: 32px threshold)
## 🔹 ScrollToBottomContainer
- Wrapper component with:
- `overflow-y: auto`
- `position: relative`
- Includes built-in scroll-to-bottom button
- Simplifies integration
## 🔹 useScrollToBottom (Hook)
- Tracks scroll position
- Provides `scrollToBottom` function
- Listens to:
- Scroll events
- Resize events
- DOM mutations
- Ensures button visibility stays accurate as content updates dynamically
---
# 🔌 Integrations
## 🧪 SQL Lab (South Pane)
Applied to:
- Results
- Query history
- Table preview tabs
- Extension panel tabs
Additional:
- `fullHeight` enabled on south pane tabs for proper layout
## 🎛️ Native Filters Config Modal
- Filter title sidebar enhanced with `ScrollToBottomButton`
- Uses existing scroll container
- Existing auto-scroll behavior on:
- “Add filter”
- “Add divider”
remains unchanged
---
# 🎨 Design Notes
- Uses existing components from `@superset-ui/core`:
- `Button`
- `Tooltip`
- `Icons.VerticalAlignBottomOutlined`
- No direct Ant Design imports
- Button is absolutely positioned inside a `position: relative` container
→ does not affect document-level scrolling
- Accessible:
- `aria-label`
- Tooltip: **"Scroll to bottom"**
---
# 💡 Impact
- Improves usability for large and dynamic datasets
- Reduces manual scrolling effort
- Enhances mobile experience
- Provides a reusable utility for future scroll-heavy components
```
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
