Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#27542 closed defect (bug) (fixed)

Image Edit Buttons not available with large images

Reported by: ipstenu's profile Ipstenu Owned by: helen's profile helen
Milestone: 3.9 Priority: normal
Severity: normal Version: 3.9
Component: Media Keywords:
Focuses: Cc:

Description

In visual mode, if your image is larger than your editing area, you can't see the edit/delete buttons:

https://i.cloudup.com/QKkdNd6XQp-3000x3000.png

The image in question is 1200px wide and as you can see by the little white box on the left corner, I did select the image to edit it. You also can't side scroll.

Theme is Genesis, which has no editor CSS styleing. Can reproduce on TwentyFourteen if I remove the editor-style.css

I think the 'error' here is that if there's no editor-style, forcing the image to the right size in editor, the default is show everything. This will be an issue as that file is still only recommended, which means it's possible a number of themes don't yet handle this. I would suggest some sort of default width (god knows how you'd calculate it at this point) to prevent overflow.

https://make.wordpress.org/themes/guidelines/guidelines-recommended/

Change History (3)

#1 @jeremyfelt
10 years ago

Reproduced in Twenty Ten with a 1400px wide image once I removed editor-style, though I am able to side scroll in Chrome and Firefox on OSX to reach the edit button.

#2 @nacin
10 years ago

  • Milestone changed from Awaiting Review to 3.9

I instigated the move to the right. A few days ago I relented and we've decided to move it back to the left, where it was in 3.8.

#3 @helen
10 years ago

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

In 27777:

MCE view controls:

  • Move controls back over to the left, as they were before. Wide images and muscle memory have been causing frustration.
  • Improve the experience and unify the UI of media view controls. Audio and video views now require an initial click to select before further interaction.
  • CSS clean up and organization.

fixes #27320, #27542.

Note: See TracTickets for help on using tickets.