Horizontal buttons stack missing borders after load

[danroc]

Describe the bug

After loading (finishing animation), the borders of the Horizontal buttons stack disappear.

To Reproduce

Steps to reproduce the behavior:

1. Use the default theme
2. Use the sections layout
3. Add a Horizontal buttons stack at the bottom of the section
4. Reload the dashboard

Expected behavior

The borders should still be present after animation.

Screenshots

ScreenRecording_01-06-2025.13-32-46_1.mov

YAML

N/A

Informations (please complete the following information):

• OS: iOS - Edit: 18.3 (Beta)
• Browser/App: App (2024.12.2)
• Bubble Card version: 2.3.3
• Home Assistant version: 2025.1.0

Additional context

It works as expected on desktop.

[joshnewman17]

Any chance you are on iOS beta 18.3? I recently started seeing this issue on my iPhone as well as my Mac on the beta with Safari. I don’t have the issue using Chrome on my Mac.

[danroc]

Indeed, I’m on 18.3 too.

[Clooos]

Hi! I guess we need to wait for iOS 18.3 to be stable, we'll see after if something needs to be changed in the code 🙂

[amstermk]

Hi, I noted it only happens when the horizontal button stack is scrollable. For example on an iPad when all buttons are visible and no scrolling is needed/can be done the buttons appear as they should. As soon as the buttons are scrallable the borders and state colors are disappearing.

[Clooos]

Let me know if this issue is fixed after the iOS 18.3 stable release, I don't want to try a beta on my wife's iPad 😅