If the content has text align set to center then the arrow renders incorrectly

[raRaRa]

Version 2.0.4

Test Case

https://codesandbox.io/s/reactjs-popup-issue-template-forked-yb5jr?file=/src/index.js

Expected Behavior

The tooltip arrow should be rendered correctly.

Actual Behavior

The arrow on the tooltip disappears when the contentStyle has textAlign set to 'center'.

With text align set to center:

Without:

[raRaRa]

One method to fix the problem is to add height and width 100% to popup-arrow

[raRaRa]

Actually a better fix would be to add left: 0; to popup-arrow, since it makes the position of the arrow correct.

[yjose]

Hmm , nice catch @raRaRa , I think this is due to using SVG as an arrow, would like if you can send a PR to fix this issue

[raRaRa]

Hmm , nice catch @raRaRa , I think this is due to using SVG as an arrow, would like if you can send a PR to fix this issue

Thanks. I'll see what I can do. I probably need to test more cases such as when the arrow is pointing down, left and right.

[raRaRa]

Created a fix PR here: #222