Kavita icon indicating copy to clipboard operation
Kavita copied to clipboard

Jumpbar not anchored correctly in a collection

Open ocgineer opened this issue 2 years ago • 2 comments

Describe the bug The navigation letter bar on the right of the screen does not seem to be anchored correctly to the edge of the view space when browsing inside the collection on a mobile device (iOS in my case). The scrollbar/position is also on the right of it, instead left like when browsing a library. This will cause the letter bar to scroll away.

To Reproduce Steps to reproduce the behavior:

  1. Have a larger collection so that you would need to scroll.
  2. Open the collection and start scrolling
  3. Observe the letter bar not having a fixed position.

Expected behavior Like anywhere else that the letter bar is anchored properly to the right edge of the view and does not scroll away.

Screenshots kavita_collection_letter_bar The above is the incorrect anchoring of the letter bar inside a collection view.

kavita_library_letter_bar The above is the correct anchoring of the letter bar inside the library view.

Smartphone (please complete the following information):

  • OS: Docker
  • Browser iOS 15.6.1 iPhone 11
  • Version 0.5.5.1 (stable) and 0.5.5.15 (nightly)

ocgineer avatar Aug 26 '22 12:08 ocgineer

Update; it actually also happens in the browser on a computer.

image

ocgineer avatar Aug 27 '22 05:08 ocgineer

Hmm, this is a problem but without an easy solution. I need to have a parent to scroll on. If I don't have it on the page and on the scrolling area, then this page will have a double scrollbar, but then the jumpbar doesn't feel right as it scrolls down. I'll put this in the backlog while I think of a good solution.

majora2007 avatar Aug 28 '22 18:08 majora2007

@majora2007 I think this has been fixed, has it not?

therobbiedavis avatar Apr 25 '24 02:04 therobbiedavis

Yeah it has

majora2007 avatar Apr 25 '24 11:04 majora2007