What went wrong?
In the epub reader selection popup, tooltips for the top-row buttons (Copy, Highlight, Search, etc.) display correctly above the menu. However, tooltips for the color picker and style buttons (Highlight, Underline, Strikethrough, Squiggly) render behind the popup and are not visible.
Steps to reproduce
- Open any book in the epub reader
- Select some text
- Tap the Highlight button to expand the color/style picker
- Hover over a color swatch or style button (H, U, S, ~)
Expected vs actual behavior
Expected behavior:
Tooltips appear above the popup, visible to the user.
Actual behavior:
Tooltips render behind the popup and are not visible.
Root cause:
The selection popup uses z-[60] (z-index: 60) in client/src/features/reader/epub/components/SelectionPopup.vue, but TooltipContent in client/src/components/ui/tooltip/TooltipContent.vue uses z-50 (z-index: 50). Since tooltips are portaled to via TooltipPortal, they stack below the popup.
Your setup
- BookOrbit version/image tag: latest
- Deployment: Docker / Unraid
- OS: Unraid
- Browser: Edge (latest)
Relevant logs (optional)
Screenshots (optional)
No response
Before submitting
What went wrong?
In the epub reader selection popup, tooltips for the top-row buttons (Copy, Highlight, Search, etc.) display correctly above the menu. However, tooltips for the color picker and style buttons (Highlight, Underline, Strikethrough, Squiggly) render behind the popup and are not visible.
Steps to reproduce
Expected vs actual behavior
Expected behavior:
Tooltips appear above the popup, visible to the user.
Actual behavior:
Tooltips render behind the popup and are not visible.
Root cause:
The selection popup uses z-[60] (z-index: 60) in client/src/features/reader/epub/components/SelectionPopup.vue, but TooltipContent in client/src/components/ui/tooltip/TooltipContent.vue uses z-50 (z-index: 50). Since tooltips are portaled to via TooltipPortal, they stack below the popup.
Your setup
Relevant logs (optional)
Screenshots (optional)
No response
Before submitting