Blox Forever: Incorrect tab highlighting behavior

[waspennator]

Describe the bug

Decided to randomly test out the tab shifting behavior now that ruffle has it somewhat implemented and i'm noticing a major difference between ruffle and flash where it doesn't seem to be highlighting the menu in the same way flash does. It takes around 7 tab clicks for the orange box to show up and it doesn't line up with how flash tab highlights this game, just seems to highlight a bunch of random stuff.

Expected behavior

Each time I press tab, it should highlight each of the menu buttons and show a visual of them being hovered over each tab click.

Content Location

https://www.newgrounds.com/portal/view/178172

Affected platform

Browser's extension

Operating system

Windows 11

Browser

Edge 123

Additional information

No response

[torokati44]

You might be interested, @kjarosh... ?

[kjarosh]

Yeah, I also noticed that Ruffle is very liberal regarding which objects are tabbable. This is of course due to #5443 not being yet finished; I'm currently analyzing which objects FP marks as untabbable regardless of anything else, that should hopefully make this feature more usable for SWFs with large number of objects (including this one) :)) I'm working my way from ground up and treading lightly, as it's very easy to make false assumptions due to the sheer number of variables involved in the logic behind tab.

Regarding the visual, that is perhaps covered by the "It seems that focusing elements by Tab triggers some additional events?" point from #5443 (comment).

[danielhjacobs]

Regarding the visual, that is perhaps covered by the "It seems that focusing elements by Tab triggers some additional events?" point from #5443 (comment).

Yeah, I'm guessing the onRollOver Button/MovieClip event is triggered, at the least.

[waspennator]

Retested with latest nightly. It's better now since it's only highlighting the 7 menu buttons and hovers over each one with each tab press, but it's still not playing the animation when hovering over the buttons. Another quirk i'm noticing is that it doesn't seem to be centered like it is on flash when tab highlighting.

How it looks on Ruffle:

How it looks on flash:

[kjarosh]

The centering issue is caused by the lack of the hover animation, adding support for onRollOut/onRollOver will fix both.

[kjarosh]

The centering issue is caused by the lack of the hover animation, adding support for onRollOut/onRollOver will fix both.

Well I thought it will fix both, but apparently it's still off. The highlight will need some more tests and fine tuning ;)