BUG: Rich Text keyboard/mouse focus confusion with multiple panels

When two different Rich Text fields are displayed in two panels,
and the keyboard focus is on a heading line in the first panel,
then clicking in the second panel on a heading’s expand/collapse icon
causes both headings in both panels to toggle their state.

It also happens if you first click anywhere in right panel (moving the keyboard focus there), then click the expand/collapse icon on a heading there, then click anywhere back in the other Rich Text (where the cursor was left on a heading).

(NOTE: the left panel below shows an entity, and the right shows a Document, though they look similar)

Hi Matt,
Thank you for reporting this.
Unfortunately I was not able to reproduce this. BTW I failed to make headers look hierarchically in rich text, so could you please share the way you did this?

Injected custom CSS:

/* Move H1 to left */
.Document h1, .ProseMirror h1 {
    margin-left: -0.5em;
}

I have restarted Chrome and still see this issue. See the demo here:
https://public-resources.jrpdev3.com/Demonstrate%20Rich%20Text%20focus%20confusion.mp4

I can make a user for you in the Workspace if that will help you debug it.

No need, thank you. I’ve figured out how to reproduce it.

1 Like