WordPress.org

Make WordPress Core

Opened 3 years ago

Closed 3 years ago

Last modified 3 years ago

#38289 closed defect (bug) (fixed)

The Visual editor layout may "overflow" in iOS Safari

Reported by: azaozz Owned by: azaozz
Milestone: 4.7 Priority: normal
Severity: normal Version:
Component: TinyMCE Keywords:
Focuses: Cc:
PR Number:

Description

Happens on iPad when there is a very long string. Seems Safari makes the iframe wider to accommodate the string, ignoring overflow-wrap: break-word; and any widths set in the CSS.

Change History (3)

#1 @azaozz
3 years ago

Adding 

width: 100px;
min-width: 100%;

on the iframe document element seems to fix this. Will commit it for easier testing.

Last edited 3 years ago by azaozz (previous) (diff)

#2 @azaozz
3 years ago

  • Owner set to azaozz
  • Resolution set to fixed
  • Status changed from new to closed

In 38782:

TinyMCE: prevent iOS Safari from expanding the iframe width beyond the container width.

Fixes #38289.

#3 @swissspidy
3 years ago

  • Summary changed from The Visual editor layout may "overfllow" in iOS Safari to The Visual editor layout may "overflow" in iOS Safari
Note: See TracTickets for help on using tickets.