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

**URL:** <https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205>\
**Category:** Help\
**Created:** [August 31, 2025, 2:56pm UTC](https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205 "2025-08-31T14:56:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rodrigomorales](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@rodrigomorales](https://forums.ankiweb.net/u/rodrigomorales)\
**Post date:** [August 31, 2025, 2:56pm UTC](https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205/1 "2025-08-31T14:56:52Z")

</div>

# 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](https://github.com/ankidroid/Anki-Android/releases/tag/v2.22.3) (the latest release as of this writing)

---

<div class="post-metadata">

**Author:** ![Danika\_Dakika](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/danika_dakika/32/17815_2.png) [@Danika\_Dakika](https://forums.ankiweb.net/u/Danika_Dakika)\
**Post date:** [August 31, 2025, 5:30pm UTC](https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205/2 "2025-08-31T17:30:49Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rodrigomorales](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@rodrigomorales](https://forums.ankiweb.net/u/rodrigomorales)\
**Post date:** [August 31, 2025, 11:02pm UTC](https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205/3 "2025-08-31T23:02:32Z")

</div>

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

```auto
.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.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [September 30, 2025, 11:02pm UTC](https://forums.ankiweb.net/t/bug-report-audio-buttons-have-a-fixed-position-when-scrolling/66205/4 "2025-09-30T23:02:40Z")

</div>

Closed on September 30, 2025, 11:02pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.