WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 13 months ago

#28070 closed defect (bug) (fixed)

Nested alignment breaks

Reported by: iseulde Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.9
Component: TinyMCE Keywords: reporter-feedback
Focuses: Cc:

Description

Steps to reproduce:

  1. Create a new post and paste the following in text mode, then switch back to visual mode. This is equal to adding a paragraph, inserting a small, left aligned image, and aligning the paragraph to the right.
    <p style="text-align: right;"><img class="alignleft" src="http://placekitten.com/150/150" alt="Kitten" width="150" height="150" />This is a paragraph.</p>
    
  2. Select the image by clicking on it. Now you'll see that both the 'align left' and 'align right' buttons are active.
  3. Try to align the image to the right by clicking on the 'align right' button (which is already active) in the toolbar. It won't work. The alignleft class will be removed, leaving the image without alignment.

The first problem happens both in trunk and 3.9. Not in 3.8.
The second problem happens in all of the above, and probably in earlier versions too.

Change History (3)

#1 @azaozz
6 years ago

This is a very rare case, can be triggered only by adding the inline style in Text mode. Any ideas on how to improve the UX?

#2 @chriscct7
5 years ago

  • Keywords reporter-feedback added

#3 @azaozz
13 months ago

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

This is "fixed" by adding the block editor in WP 5.0. Alignment buttons work well there.

Note: See TracTickets for help on using tickets.