🐛 Fix BeOp's style issue with flex

[bloodyowl]

Closes #24672

[googlebot]

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project (if not, look below for help). Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed (or fixed any issues), please reply here with @googlebot I signed it! and we'll verify it.

---

What to do if you already signed the CLA

Individual signers

• It's possible we don't have your GitHub username or you're using a different email address on your commit. Check your existing CLA data and verify that your email is set on your git commits.

Corporate signers

• Your company has a Point of Contact who decides which employees are authorized to participate. Ask your POC to be added to the group of authorized contributors. If you don't know who your Point of Contact is, direct the Google project maintainer to go/cla#troubleshoot (Public version).
• The email used to register you as an authorized contributor must be the email used for the Git commit. Check your existing CLA data and verify that your email is set on your git commits.
• The email used to register you as an authorized contributor must also be attached to your GitHub account.

ℹ️ Googlers: Go here for more info.

[bloodyowl]

@googlebot I signed it!

[googlebot]

CLAs look good, thanks!

ℹ️ Googlers: Go here for more info.

[gmajoulet]

cc @ampproject/wg-ui-and-a11y

[sparhami]

This change looks fine to me, but I'm not sure why it was display flex to begin with, and what situations it made a difference. It is also unclear what the layout issue was.

It looks like the beopinion code now sets the display to block it a setTimeout loop continuously. which is definitely not good. This seems to be the workaround referenced in the issue.

Stuff seems to be centered, though that may be due to additional code changes on their side to replace the original flex on the container element.

[sparhami]

Can remove the width: '100%', it is redundant with display: block.

[bloodyowl]

it might be better to keep it in cases it's contained in a flex element. the iframe we inject inside uses a width: 1px; min-width: 100% trick due to a iOS bug.