Forum Discussion
Text button/label, appears to be jumping in hover state
Going a bit insane here. I have a simple course menu with topics in text links/buttons. There are three states: Normal, Completed and Hover. In the Hover state, the text appears to be jumping by one pixel or so. As far as I can tell, they are in the exact same position. I thought it might be something with the Text Box formatting, but they're all set the same. Please see attached. The bottom line of 3 topics appears to be OK; the others are jumping.
Ideas? Thanks!
Lisa,
I think the color change is causing an optical illusion. I put a horizontal line right under the text, and a vertical line through the periods for reference. As nearly as I can tell, nothing moves.
Hi,
I've encountered this jumping text problem (right now in 2020). The fix was to not put any text directly on buttons, but instead to create a text box and then paste this into all the button states. This has been posted elsewhere, but just adding it here for others as this was the first link I found which mentions this issue.
Hi, Kevin.
Thank you for opening a support case!
My teammate Darrell found this issue is related to the different text formatting, affecting the size of the object's bounding box. The fix Darrell proposed was to ensure that each state has the same size for its bounding box.
Please reach out through the case if you have additional questions!
Try my correction example and tell me if it work or not...
Hi, Sebastien, it's working, how did you fix it?
I just did, reproduce the formatting between two states, maybe a copy bug from one state to another.
Hey! It worked. I copied the format in the States and it's working now. This is great! Thanks so much for your help!
Well, I can deal with optical illusions! Thanks very much for your help!
Would love to see this fixed. It makes my work look more amateur. It's been 3 years since it was brought up. It's not an illusion, the pixels are definitely moving.
Hi everyone!
I appreciate everyone popping into this discussion to share similar issues with button states. Unfortunately, I do not see any recent cases about this behavior. Is everyone using Storyline 360 or Storyline 3?
If we could also test projects with this behavior, that would help us pinpoint a potential fix. If you're comfortable sharing your .story file, please upload it in a support case.
I am having this issue. I am using Storyline 360 (updated 4/6/22). My menu text seems to vibrate on hover when approaching the text from the bottom with my cursor. It is as if there are invisible areas where the text thinks I'm hovering, but upon hovering it then thinks I'm not hovering and reverts to the normal state. In the attached video you can't see the full strobe effect that I'm getting, but you can certainly see that as I move my cursor slowly closer to the menu text, it changes back and forth from the Normal to Hover states. I have opened a case with Support so they can see what's going on.
Hi, I am facing this issue now. I have 2 buttons on a slide, one button is perfect, and the second button's text moves when hovered over. When I copied the 'good' button, the text in that also started moving when hovered over. I read the above comment on adding a separate textbox, but if it's a text-box issue then it should be happening for all the buttons, but some buttons work just fine. If this could be fixed that would be great, as it would save a lot of time instead of copy-pasting a separate text box and then individually aligning its position in the states if the size of text changes or position changes, you know! Thanks. :)
