I created a button using custom element. I set it to “width: 100%”. From some reason the button is 100% on preview mode but on the live site it behaves as if it was “width: auto”. Before I look the issue, does anyone have a guess what it can be?

Custom Element - preview vs live

mvveiga January 14, 2021, 12:32am 8

Force the Custom width to 100vw.
100% is the width of its parent. You can try to set margin to 0 too.
Use shadowRoot for styling isolation.

Topic		Replies	Views
Custom element not using editor's width Ask the community code , question	1	175	March 11, 2022
How to set 100% width of my custom element? Ask the community code , question	7	1699	March 11, 2022
Custom Element Resizing on Load? Ask the community code , question	3	748	February 12, 2021
Feature Release: Custom Element Ask the community partners , code , seo , technical-talk	3	229	October 16, 2021
Dynamic Custom Element Height Ask the community code , question	13	884	August 11, 2024