Incorrect focus outline for rotated data labels in Word Cloud

[franklinefrancis]

Expected behaviour

Focus outline of rotated data labels in word cloud should not overlap with the data label themselves

Actual behaviour

Focus outline is inconsistent for rotated data labels

Live demo with steps to reproduce

https://jsfiddle.net/franklinefrancis/La609cs2/

Product version

8.2.0

Affected browser(s)

Firefox

[raf18seb]

Hi @franklinefrancis, thanks for creating the ticket.

Could you provide the exact steps to reproduce that issue? I was focusing on each word one by one and I haven't seen any issues (I tested in 8.2.0 and the newest 9.1.2). Thanks in advance.

[khlieng]

@raf18seb did you try it in Firefox? 8.2.0, 9.1.2 and master all had the same problem for me.

[franklinefrancis]

@raf18seb,

This issue was seen only in Firefox. Here is the screen recording:

And here are the steps:

1. Open the JSFiddle link in Firefox
2. Start tabbing from the first input field
3. Once Wordcloud is in focus, use arrow keys to see the focus outline
4. Notice that for a few data labels the focus outline overlaps with the data label

[raf18seb]

You are right, it's a Firefox issue - I was testing on Chrome. 👍