Need help with rogue styling on a slider interaction

Working on an interaction that should be giving a div (class of “skills bar”) a width of 100% when slide (class of “skills slide”) comes into view.

https://preview.webflow.com/preview/morgan-williams-portfolio?preview=78a45c4d895bae0c7fd04fbc28752d1b

The issue is that the div is being given a width of 100 px instead of 100%. I can’t find this setting in any of my interactions or in the styles so not sure what to do?

Unfortunately, there is a known bug affecting IX percentages applied to width or height where Webflow substituted pixels values in place of % or VW VH:

http://forum.webflow.com/t/interactions-percentages-are-being-converted-to-pixels/9791

Sorry you are experiencing this too. It has been around for a while. I have seen a hack that may work for your situation by deliberately overshooting the target and enforcing a CSS max-width % to preempt the overshoot. The combo works effectively, but the tween ends abruptly for some width scenarios of course. I can search and try to point you in the right direction if you are interested. If you are working within a container instead of a full screen layout it should do the trick.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.