Jetpack: Simple Payments Widget: not displaying correctly in Internet Explorer 11

[sashastone]

Steps to reproduce the issue

1. Add the Simple Payments widget to the sidebar of a theme. Complete all fields including image and publish.
2. View the site in Internet Explorer 11
3. Compare it with other Browsers: Chrome, Safari, Firefox

What I expected

I expected to see the full widget displayed in all browsers.

What happened instead

In Internet Explorer 11, only the title and half of the image display. This happened both with Gutenberg and with the Classic Editor for multiple themes.

For Twenty Seventeen theme, payment buttons displayed on top the featured image. See examples below.

Examples

Theme: Twenty Seventeen
IE 11: https://d.pr/i/hnLZnD
Chrome: https://d.pr/i/nv7JO6

Theme: Penscratch 2
IE 11: https://d.pr/i/HxdU9J
Chrome: https://d.pr/i/GY6abb

Theme: Exhibit
IE 11: https://d.pr/i/gzOYKy
Chrome: https://d.pr/i/Zca3KH

User's site: https://inyourowntime.org/
Chat transcript: 8544147-hc
Follow-up ticket: 1625880-zen

[Piyopiyo-Kitsune]

Hi @jeherve! Is there anyone who's currently looking into this issue?

[jeherve]

@Piyopiyo-Kitsune Not at the moment, no. We'll update this issue when we make progress on this.

[marcuswisecaesar]

Hi there @jeherve I got this ticket in the queue and I'm guessing we don't have anything new to report seeing as this is due to an issue with a browser that was released in 2013, are there any workarounds we know of?

[jeherve]

are there any workarounds we know of?

None right now, short of switching to a different browser. As I mentioned earlier, we'll update that issue as soon as we start working on this. 👍

[stale[bot]]

This issue has been marked as stale. This happened because:

• It has been inactive in the past 6 months.
• It hasn’t been labeled `[Pri] Blocker`, `[Pri] High`.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

[stale[bot]]

This issue has been marked as stale. This happened because:

• It has been inactive in the past 6 months.
• It hasn’t been labeled `[Pri] Blocker`, `[Pri] High`.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.