sharethis-reactjs icon indicating copy to clipboard operation
sharethis-reactjs copied to clipboard

[InlineShareButtons] buttons disappear when element layout occurs

Open thenickreynolds opened this issue 5 years ago • 5 comments

I've got a very basic usage of the buttons but whenever the page layout changes some buttons disappear.

you can see here I'm reloading then resizing the window

thenickreynolds avatar Aug 15 '20 00:08 thenickreynolds

I wasn't able to reproduce the error, could you provide more specifics if you still have that problem?

lucasflomuller avatar Sep 16 '20 17:09 lucasflomuller

I am also facing the same issue when there is layout changes button disappear

AkshayN21 avatar Oct 23 '20 08:10 AkshayN21

We have the same issue even on a plain HTML page without a specific JS framework in place. Resizing the window or switching from portrait to landscape mode on a mobile devices make the buttons disappear.

swapzone avatar Oct 19 '21 19:10 swapzone

Same here. Probably also the reason why some buttons don't appear from the beginning unless I add more, there's some layout shenanigans going on

kevinRoomies avatar Oct 22 '21 16:10 kevinRoomies

For us the issue was that we changed the spacing between the buttons in our CSS, but in the libraries resize handler it calculates the required width based on the width + offset given in the button configuration. To fix it we added a fixed width to the sharethis-inline-share-buttons class and now the buttons stay where they are. Maybe this information will help someone.

swapzone avatar Oct 24 '21 14:10 swapzone