chinchang / chinchang/hint.css

no arrow showing up and bouncing on show / hide

Open
#177 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
8.4k
Forks
680
PR merge metrics
No merged PRs in 30d

Description

Hello,

I am trying to use this tooltip for the first time and having some rendering.

Here is what is happening when I use "hint--top" alone.
![hint](https://user-images.githubusercontent.com/36006709/81443484-5c373f80-912a-11ea-83e6-76a1fad29358.gif)

I have have noticed that hint--top border color not being applied.
![Screen Shot 2020-05-08 at 12 44 00 PM](https://user-images.githubusercontent.com/36006709/81443514-6a855b80-912a-11ea-80a6-1a52a51fb605.png)
![Screen Shot 2020-05-08 at 12 46 27 PM](https://user-images.githubusercontent.com/36006709/81443515-6b1df200-912a-11ea-8094-bfec97a7681b.png)
![Screen Shot 2020-05-08 at 12 46 36 PM](https://user-images.githubusercontent.com/36006709/81443521-6bb68880-912a-11ea-94df-b1bbbc9f2996.png)

when I use hint--always it doesn't stay. Instead it does what I wanted originally. Also when I applied hint--error, the border color get applied.
![hinterror](https://user-images.githubusercontent.com/36006709/81443686-b801c880-912a-11ea-9ed0-beb5edb0aa18.gif)
![Screen Shot 2020-05-08 at 12 48 18 PM](https://user-images.githubusercontent.com/36006709/81443696-bcc67c80-912a-11ea-821e-a1a91af55ff6.png)
![Screen Shot 2020-05-08 at 12 48 51 PM](https://user-images.githubusercontent.com/36006709/81443697-bdf7a980-912a-11ea-8d72-faf16222e5ad.png)

I am not sure if there is anything I am doing wrong or if it's LitElement which we are using, doing something underneath.

Any suggestion will be appreciated.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.