17

The popup on the reputation graph overflows its container:

Reputation graph popup overflowing. Freehand circles!

The content of the popup is in two places: an element inside the <svg> of the graph: g.highcharts-tooltip (but the text inside has visibility: hidden), and an element immediately after the <svg>: a <span> which is visible, and appears to be overflowing.

The second element is the source of the problem.


I'm on Chrome 48.0.2564.116 (Fedora 23), reproduced on FireFox 44.0.2, Vivaldi 1.0.344.37.

4
  • 1
    Typically, you post the "Solution" in the answer box, leaving only the "Problem" in the question.
    – Cody Gray Mod
    Commented Mar 9, 2016 at 12:58
  • Yup - or change it to [Solved].
    – Jongware
    Commented Mar 9, 2016 at 13:03
  • @CodyGray It's not solved, though. If it was, the problem wouldn't be there any more. You're right, though. I'll edit. Thanks!
    – Hatchet
    Commented Mar 9, 2016 at 13:33
  • 3
    I hope @rad was kidding. [Solved] never belongs in a question's title or anywhere else. A proposed/potential solution is perfectly acceptable as an answer to a bug report, however.
    – Cody Gray Mod
    Commented Mar 9, 2016 at 13:34

1 Answer 1

4
  1. Remove the <span> below the <svg> completely, as it is both redundant and overflows the popup box.
  2. Remove visibility: hidden from the text inside the <svg> of the graph.

How to fix

Result:

Fixed result

The popup is now properly displayed.


Whoever would be able to fix this, please do! :)

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .