Clause template buttons overlap tooltips

[Michael-Grover]

Bug Report 🐛

Clause template buttons overlap tooltips so that the tooltips can't be read, like this example:

Expected Behavior

Tooltips should appear in front of everything else

[Manan17]

It just needs a z-index = 1 in css file so that the tooltips can be read easily

[irmerk]

@Manan17 yeah I think that makes sense. I believe a lot of other components in there use z-index, so it may need to be larger than 1.

[Manan17]

Can I work on this issue?

[Michael-Grover]

@Manan17 yes, thanks! I've assigned the issue to you.

[Manan17]

I cannot see the clause template buttons in the live demo. Is it in the original code? So I have to run the app locally?

[Michael-Grover]

@Manan17 I recorded how to replicate the issue, let me know if this helps.

https://www.loom.com/share/fb5889cfc04a405f9a68c9212ea3f728

You have to go to the storybook https://ap-web-components.netlify.app/?path=/story/*
then select the contract editor
then choose the "Late Delivery and Penalty (with optional & this)" in the Knobs section

[Michael-Grover]

in the video I chose the wrong template, but if you choose "Late Delivery and Penalty (with optional & this)" you will see the issue

[Manan17]

Thanks. It helped me , starting to work on the issue

[K-Kumar-01]

@Michael-Grover @irmerk
I have opened a PR for the issue as the issue seemed inactive to me.
Let me know if there are any changes required.