[Bug]: "Info" bubbles don't appear to work on phone in vertical orientation #897

Open
opened 2026-04-24 23:25:23 +02:00 by adam · 4 comments
Owner

Originally created by @hobesman on GitHub (Jan 16, 2023).

Describe the issue

When I hold the phone horizontally, the info pop ups work when you click on the (i) next to various settings. But when the phone is vertical, the info text is either off screen or buried or just fails or something.

Steps to reproduce the issue

  1. Hold the phone vertically.
  2. Go to settings
  3. Tap the little (i) next to a setting
  4. Flip the phone horizontal and see the info bubble.

Audiobookshelf version

2.2.12

How are you running audiobookshelf?

Docker

Originally created by @hobesman on GitHub (Jan 16, 2023). ### Describe the issue When I hold the phone horizontally, the info pop ups work when you click on the (i) next to various settings. But when the phone is vertical, the info text is either off screen or buried or just fails or something. ### Steps to reproduce the issue 1. Hold the phone vertically. 2. Go to settings 3. Tap the little (i) next to a setting 4. Flip the phone horizontal and see the info bubble. ### Audiobookshelf version 2.2.12 ### How are you running audiobookshelf? Docker
adam added the bug label 2026-04-24 23:25:23 +02:00
Author
Owner

@advplyr commented on GitHub (Feb 11, 2023):

You are talking about first opening the info bubble then rotating the phone?

What about if you rotate the phone first then open the info bubble?

@advplyr commented on GitHub (Feb 11, 2023): You are talking about first opening the info bubble then rotating the phone? What about if you rotate the phone first then open the info bubble?
Author
Owner

@hobesman commented on GitHub (Mar 13, 2023):

Sorry, no I was saying when already vertical, the info bubble just doesn't display anything.

Screenshot_20230313-153608_Chrome

None of these work when the phone is vertical. They work when it's horizontal.

Screenshot_20230313-153722_Chrome

@hobesman commented on GitHub (Mar 13, 2023): Sorry, no I was saying when already vertical, the info bubble just doesn't display anything. ![Screenshot_20230313-153608_Chrome](https://user-images.githubusercontent.com/29721765/224847836-cdb52623-2c72-4566-82d2-691ec894eeaa.jpg) None of these work when the phone is vertical. They work when it's horizontal. ![Screenshot_20230313-153722_Chrome](https://user-images.githubusercontent.com/29721765/224847992-609b62bd-aa28-4af9-b282-5d1ea6a3636f.jpg)
Author
Owner

@hobesman commented on GitHub (Mar 13, 2023):

Ok I just tested. If I tap the bubble while vertical, then rotate the phone, the opened bubble becomes visible. So the bubble is opening but is either underneath a layer or is off screen or something.

@hobesman commented on GitHub (Mar 13, 2023): Ok I just tested. If I tap the bubble while vertical, then rotate the phone, the opened bubble becomes visible. So the bubble is opening but is either underneath a layer or is off screen or something.
Author
Owner

@advplyr commented on GitHub (Mar 13, 2023):

Oh yeah the tooltip is hidden on small screen size so we will need to implement a popup instead

@advplyr commented on GitHub (Mar 13, 2023): Oh yeah the tooltip is hidden on small screen size so we will need to implement a popup instead
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#897