Paragraph styling options obscured by Clause Template

[Michael-Grover]

Bug Report 🐛

Paragraph styling options are obscured by Clause Template

Expected Behavior

the paragraph styling options dropdown should be in front of all content so that users can choose their styling option.

Current Behavior

Possible Solution

Change the Z-index of some elements of the UI

Steps to Reproduce

1. go to the contract editor in Netlify
2. Hover over "normal" on the left side of the formatting toolbar
3. See that the dropdown is covered by the clause template
   

Context (Environment)

Mac OS, Chrome

[K-Kumar-01]

@Michael-Grover
I would like to work on this issue

[K-Kumar-01]

@Michael-Grover
I am unable to reproduce the issue. I am on Linux and google chrome. It seems to be working fine here.

[Michael-Grover]

@K-Kumar-01 interesting. I just confirmed and was able to reproduce the bug on my computer (Macbook pro, Big Sur, Chrome)

@irmerk @dselman @jeromesimeon @rkotangoor anyone able to reproduce this?

[d-e-v-esh]

@Michael-Grover I am able to reproduce this bug. Should I look into it?

[K-Kumar-01]

@d-e-v-esh
Could you please tell the system and platform you ate working on?

[d-e-v-esh]

@K-Kumar-01 Actually now when I look at it. I can't reproduce it locally either. It only occurs in the Storybook demo online.

[Michael-Grover]

@d-e-v-esh thanks, I've assigned it to you 👍

[Cronus1007]

@d-e-v-esh Shall I look into this issue .

[naveen8801]

Hii @Michael-Grover , can i work on it ?

[naveen8801]

@d-e-v-esh , are you working on it ? ,

[d-e-v-esh]

@naveen8801 No, you already created a PR right.

[naveen8801]

@d-e-v-esh , i have deleted previous one , because there was some issue in rest of UI while changing styles of Clause component . if you wanna work you can take your time , i can suggest you some changes which can be helpful :-)

[d-e-v-esh]

@naveen8801 did you record what was going wrong? I'll work on this one next then and see if I can fix this.

[naveen8801]

@d-e-v-esh , after changing z-index , while hovering over slate in Contract editor , some icons such as edit , delete , dragger etc. were not visible . so there will be some other way of fixing this ,

[d-e-v-esh]

@naveen8801 Ok... I'll take a look at that tomorrow

[K-Kumar-01]

@d-e-v-esh
Are you going to work on the issue, as I am also able to reproduce it now

[d-e-v-esh]

@K-Kumar-01 Ya, I'll work on this.