1 pixel shift right for hover state shape box
Aug 26, 2015
Hi folks. I have an odd little glitch that I was wondering if anyone else has encountered - and more importantly resolved. :)
I have an image that I am using as a button and when the user hovers over it a shape animates into view with the button label text in it and then fades away once the mouse moves away. It all works well and looks nice.
However, if the user hovers over the image button, the text shape rollover reappears but then shifts (perceptibly) by one pixel to the right. It will fade on hover-out but always reappear in the new position each time there is a hover over.
If the user keeps doing this then the text shape will eventually shift off screen.
It happens even if the shape has no text in it.
I have searched the discussions but cannot seem to find anything similar. I'm actually at a loss at how to phrase the problem succinctly.
Any help would be greatly appreciated. It's not a major concern but it's a glitch I have noticed and would love to know why the object "jumps" every time it is animated.
7 Replies
Hi Diarmaid,
As Matthew mentioned, if you're able to share the .story file here we're happy to take a look.
I know this was four years ago, but I am having a similar problem with a hover state. What was the solution?
Hi Valeta,
Wow, yes, four years... it really doesn't seem that long ago, being honest.
Here is what Matt emailed me after I sent him on the file:
That glitch is occurring because part of the shape is off the screen.
There are two ways you can fix it:
It's also worth letting Articulate support know about the issue and how you resolved it so that they can fix it in future updates.
I used his second suggestion and it solved my issue.
Thanks so much for your response! Something like your second suggestion worked for me. I really appreciate your input.
So glad that Diarmaid was able to help you, Valeta.
It looks like your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.
I am having this same problem with the hover state on a question slide. Text perceptibly moves even though all the settings are exactly the same, I checked everything. Client has flagged and the only way I've been able to fix is to recreate the hover states from scratch. Why does this happen?
Hi Michelle!
I'm happy to help! It's hard to narrow down the reason without seeing the file. Would you mind sharing the .story file? Here's a secure upload link!