Images vibrating in app GUI

Summary

I have a loaded image in my app, as a welcome logo, but it is… vibriting together with the scroll bar? I don’t know what is happening. It is the first time I encountered this issue. In fact, one month ago the app worked fine.

Steps to reproduce

Code snippet:


def welcome():
    '''Shows the welcome messages to the application'''
    st.image('logos/logo.png')
    st.subheader('Welcome to ...')
    st.write('')


# Welcome page
if menu == 'Welcome':
        welcome()

Expected behavior:

The image should be shown along with the text in a static way.

Actual behavior:

It’s like if the right part of my app GUI was vibrating, but just for this “welcome page” , the other pages work according to expected.

  • Streamlit version: 1.11.1
  • Python version: 3.7.4
  • OS version: Windows 10.0.19045
  • Browser version: Edge 111.0.1661.54

(Edit)
I’ve observed that it usually happens when running the st.experimental_rerun() function, but sometimes it also happen when starting the app (both Streamlit Community and Streamlit local development environment)

Hey @solysombra,

Are you running your app locally or do you have it deployed somewhere? If it’s deployed, can you share the link so we can observe the vibrating?

Hi Caroline!!

I can’t share the link to the app here as it works connecting to a DB with certain credentials, but I can make a screen video of it and share with you.

Unless it is the DB connection what makes the images vibrate (very unlikely), you should be able to write an application where the images vibrate without a DB connection.