First of all here's my site link:
So I've hit a dead end trying to trigger an interaction when 2 fields have a user input > 0.
I'm using Vue.JS for most of my app functionality and I've tried using Vue's Transition Effects with no luck (as documented here: https://vuejs.org/v2/guide/transitions.html ).
Am I right in thinking that Webflow uses Tram.JS to trigger CSS interactions and stored server side as JSON? Maybe Tram.js has an on input trigger?
If you take a look at my project link above then you'll see I currently have the interaction fire on click for the Current / Last Title field. This isn't enough as I need it to be tab-friendly for accessibility and UX reasons.
I've put together a working JSFiddle for my desired outcome using a simple Vue example - link below. I would like a similar kind of functionality but instead of a Vue transition I would like to trigger the same interaction used on input click currently (so the transition isn't linked to render but instead uses the same kind of Step A and Step B approach which the Webflow IX currently does).
Any help or advice would be much appreciated!!
I'm still a JS baby and my wording will likely be terrible so if you need anything else in order to understand my question properly then please let me know and I'll be happy to give you an answer ASAP.