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

**URL:** <https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909>\
**Category:** Bugs & Issues\
**Tags:** rich-text\
**Created:** [June 5, 2022, 11:25pm UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909 "2022-06-05T23:25:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)\
**Post date:** [June 5, 2022, 11:25pm UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909/1 "2022-06-05T23:25:33Z")

</div>

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)_

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/d/d74cef8068c99893697baf518d2910b50e56a6a5.png)

---

<div class="post-metadata">

**Author:** ![Kate\_Semikova](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/kate_semikova/32/5163_2.png) [@Kate\_Semikova](https://community.fibery.io/u/Kate_Semikova)\
**Post date:** [June 6, 2022, 2:03pm UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909/2 "2022-06-06T14:03:14Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)\
**Post date:** [June 6, 2022, 2:42pm UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909/3 "2022-06-06T14:42:52Z")

</div>

> [@Kate\_Semikova](#):
>
> I failed to make headers look hierarchically in rich text, so could you please share the way you did this?

Injected custom CSS:

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

```

---

<div class="post-metadata">

**Author:** ![Matt\_Blais](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/matt_blais/32/1464_2.png) [@Matt\_Blais](https://community.fibery.io/u/Matt_Blais)\
**Post date:** [June 6, 2022, 3:12pm UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909/4 "2022-06-06T15:12:13Z")

</div>

> [@Kate\_Semikova](#):
>
> Unfortunately I was not able to reproduce this.

I have restarted Chrome and still see this issue. See the demo here:  
[https://public-resources.jrpdev3.com/Demonstrate%20Rich%20Text%20focus%20confusion.mp4](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.

---

<div class="post-metadata">

**Author:** ![Kate\_Semikova](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/kate_semikova/32/5163_2.png) [@Kate\_Semikova](https://community.fibery.io/u/Kate_Semikova)\
**Post date:** [June 7, 2022, 10:56am UTC](https://community.fibery.io/t/bug-rich-text-keyboard-mouse-focus-confusion-with-multiple-panels/2909/5 "2022-06-07T10:56:21Z")

</div>

> [@Matt\_Blais](#):
>
> 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.