Overflow on iPhone5 inside Bootstrap modal

[NinoSkopac]

General information

• SDK/Library version: 1.0 beta4
• Environment: sandbox
• Browser and OS: Chrome 56.0.2924.87 (64-bit) on MacOS 10.12.3

Issue description

This is how I've fixed it:

/* BRAINTREE FIX on small phones */
@media (max-width: 320px) {
    .braintree-option {
        width: 83vw;
    }
}
@media (min-width: 321px) {
    .braintree-option {
        width: 100%;
    }
}
/* ENDS BRAINTREE FIX */

[lilaconlee]

Thanks for letting us know and providing your solution! We'll keep this in mind as we're tweaking the UI and update this issue if we deploy a fix.

[crookedneighbor]

Why not just have a max-width: 100% ?

[NinoSkopac]

Why not just have a max-width: 100% ?

Just tried this, it didn't work.

[crookedneighbor]

Turns out the issue is that we have a min-width property set. Removing that fixes it.