[bug report] Audio buttons have a fixed position when scrolling

AnkiDroid (Android) Help
1

The issue

When the content of the flashcard exceeds the available screen space of the Android device, a scroll bar is shown. However, when the scrollbar is shown, the play buttons for the audio are fixed and the audio buttons which didn’t fit in the window are not shown.

In the video below, I slide up to show the content that didn’t fit in the screen (I enabled “Show taps” in my Android device so that you can see where I’m tapping). The unexpected behavior is that the audio buttons have a fixed position. As a result of this, the audio button for the last sentence is not shown. To me, the audio button for the last sentence should be shown as happens when reviewing the Front side (see second video below). In this video, the Back side of the card is being shown.

In the video below, I slide up and slide down while reviewing the Front side. There is no unexpected behavior. I decided to post it just to let others know the behavior when reviewing the Front side of the same card. As you can see in the video, when the entire content fits in the screen, the audio button is shown for the last sentence.

System information

Android version 13

AnkiDroid.D version 2.22.3. I installed AnkiDroid-2.22.3.parallel.D.apk which I downloaded from Release AnkiDroid 2.22.3 · ankidroid/Anki-Android · GitHub (the latest release as of this writing)

2

It’s possible this is related to your styling/card template. Have you tried this with a very plain Basic-like note type?

1 Like
3

I just checked the card template and I can confirm that behavior was caused by position: fixed which I found in this CSS selector.

.audio {
	margin-top: -.55em;
	position: fixed;
}

I removed the position:fixed and this is how that card looks like now:

Thanks for pointing me in the right direction.

2 Likes