WordPress.org

Make WordPress Core

Opened 4 weeks ago

Closed 3 weeks ago

#48388 closed defect (bug) (reported-upstream)

Overlapping controls in customizing Width of Inline image

Reported by: burnuser Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.3
Component: Editor Keywords: has-screenshots
Focuses: ui Cc:
PR Number:

Description

Actual nightly of WP 5.3
When clicking on an inserted Inline image, the "Width" control field opens up.
Numbers can be inserted, but the up/down arrows for changing field value +1/-1 are not accessible because of the overlapping "Apply" button.
No problem in WP 5.2.4

Attachments (3)

WP53_InlineImageOverlappingApply.jpg (5.7 KB) - added by burnuser 4 weeks ago.
48388 inline image 5.2.png (108.2 KB) - added by afercia 4 weeks ago.
Inline image in WordPress 5.2
48388 inline image 5.3.png (131.0 KB) - added by afercia 4 weeks ago.
Inline image in WordPress trunk 5.3

Download all attachments as: .zip

Change History (9)

#1 @davidbaumwald
4 weeks ago

  • Component changed from General to Editor
  • Version set to trunk

#2 @afercia
4 weeks ago

  • Keywords has-screenshots needs-patch added
  • Milestone changed from Awaiting Review to 5.3

@burnuser thanks, good catch!

At a first glance, this seems related to a change in the Gutenberg CSS, where the <label> element in 5.2 was display: block while it's now display: inline-block:

Related Gutenberg style in WordPress 5.2:

.components-base-control .components-base-control__label {
    display: block;
    margin-bottom: 4px;
}

and in WordPress trunk 5.3:

.components-base-control .components-base-control__label {
    display: inline-block;
    margin-bottom: 4px;
}

See also screenshots below.

@afercia
4 weeks ago

Inline image in WordPress 5.2

@afercia
4 weeks ago

Inline image in WordPress trunk 5.3

This ticket was mentioned in Slack in #core-editor by afercia. View the logs.


4 weeks ago

This ticket was mentioned in Slack in #core by david.baumwald. View the logs.


4 weeks ago

This ticket was mentioned in Slack in #core by azaozz. View the logs.


3 weeks ago

#6 @azaozz
3 weeks ago

  • Keywords needs-patch removed
  • Milestone 5.3 deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed

Yes, this is a part of Gutenberg. Reported upstream: https://github.com/WordPress/gutenberg/issues/18089.

Note: See TracTickets for help on using tickets.