I am trying to create a marquee-style text display for menu tree items that exceed the designated length. I am able to create the desired effect (or at least close enough for now) on a label component through creating a style class and keyframe animation in the stylesheet that is applied to the textStyle prop of the label. I can then apply other css properties to the label which is effectively the container for the text. I am trying to replicate this behavior in the MenuTree component, but there is no textStyle prop. I tried manually adding this prop to the individual items, under itemStyle, and to the “root” level of the prop tree. When I tried adding the style class to the itemStyle prop of the MenuTree, it applied the effect to the entire item, causing it to shift off screen. I want this effect to apply only to the text. None of these worked. Have I missed something or could there be a different way I should be approaching applying this style?
Here is an example of a label that (mostly) working (still some kinks to iron out).
And what happens when I apply the style to the MenuTree itemStyle prop.
