Flickering icons #10
Description
When the page loads and before the icon has been drawn, the DashIconoify element width is 0px, then once the icon is drawn the width goes to e.g. 16px. This causes horizontal flickering.
dmc.Button(
children="label",
leftSection=DashIconify(icon=my_icon, height = 16, width =16),
),
), Buttons flicker (Note: each of these buttons redirects the page and reloads the icons):
I recommend, if the height or width kwargs are passed. To set the width/ heigh to that value of the Div before the icon is drawn. This will remove the flickering.
Adding div with constant width
dmc.Button(
children="label",
leftSection= html.Div(
DashIconify(icon=my_icon, height = 16, width =16),
style = {"width": "16px"}
),
), Flickering is removed:
