Images vibrating in app GUI

šŸŽˆ Using Streamlit
1

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)

2

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?

3

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.

4

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.