Twitter share button not visible in Chrome and Firefox

Description

Steps to reproduce:

  1. Go to a work.

  2. Select the "Share" button to open the modal with the share options. (If the work doesn't have a "Share" button, the creator has likely disabled it. Try another work by another creator.)

What happens:

In Safari on Mac or iOS , or Chrome or Firefox on iOS, the Twitter share button is visible, as expected.

If you are on Chrome or Firefox on a Mac or Android device, there is an empty bullet point where the Twitter share button should be.

Tested on macOS 10.14 and 10.15 and iOS 12 and 13. Android version unknown. Results on Windows also unknown.

What should happen:

The button should be visible in all browsers.

Additional info:

In the browsers where it is invisible, the iframe width and height attributes are set to 1px:

In browsers where it is visible, the iframe width and height attributes are set to 76px and 28px respectively:

This appears to be related to the way Twitter's JavaScript interacts with the Twitter link being in a modal. Placing the link outside the modal ensures it is correctly visible (but we want it to stay in the modal, of course).

Assignee

Daniel Erenrich

Reporter

Sarken

Roadmap

Misc

Priority

Medium

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Medium

Milestone

Internal 0.9
Configure