Title with useHTML flag - doesn't resize

[pawelfus]

Example: http://jsfiddle.net/sq12r17w/3/

Steps:

• resize chart to smaller one
• resize chart back to the initial size

Result: chart's title isn't resized. Without useHTML flag it works properly.

[sebastianbochan]

Workaround:
set width:100%!important on .highcharts-title element.

Demo: http://jsfiddle.net/sq12r17w/4/

[sebastianbochan]

Workaround:
set width:100%!important on .highcharts-title element.

Demo: http://jsfiddle.net/sq12r17w/4/

[ChartHeaven]

Ok, the suggested CSS workaround works but the title text won't stay centered anymore and it overlaps the exporting button when resizing to smaller resolution. The title also overlaps the chart if it doesn't fit in the top margin.

http://jsfiddle.net/sq12r17w/6/

[ChartHeaven]

Ok, the suggested CSS workaround works but the title text won't stay centered anymore and it overlaps the exporting button when resizing to smaller resolution. The title also overlaps the chart if it doesn't fit in the top margin.

http://jsfiddle.net/sq12r17w/6/

[pawelfus]

It will overlap, because you set marginTop - remove that option and should work.

[pawelfus]

It will overlap, because you set marginTop - remove that option and should work.

[ChartHeaven]

I removed it but it's still overlapping when resizing. Or is this expected as HTML title area cannot be properly aligned with rest of the SVG content?

http://jsfiddle.net/sq12r17w/7/

[ChartHeaven]

I removed it but it's still overlapping when resizing. Or is this expected as HTML title area cannot be properly aligned with rest of the SVG content?

http://jsfiddle.net/sq12r17w/7/