Streaming live at 10am (PST)

Allow Scale Value Greater than 100 for Interactions Transforms

Description

When setting declarations via Interactions, the Scale section inputs cap the value at 100. According to documentation related to CSS Transform’s scale function, there is no numerical ceiling. Ideally, I need something around 300 (i.e., 300 times the original/initial scale). However, the slider nor the input field itself will allow anything greater than 100.

Screenshots

Here is the markup for the Interactions input:

Screen Shot 2020-10-27 at 8.42.46 AM
Screen Shot 2020-10-22 at 3.27.45 PM

Compared to the classic input markup:

Screen Shot 2020-10-27 at 8.43.31 AM
Screen Shot 2020-10-23 at 12.34.28 PM

Notes

  • After digging a little more, and comparing the “classic” Transform Scale feature to the newer Interactions Transform Scale, I verified that the Interactions version is setting a max attribute equal to 100, while the classic version is not. In my opinion, this is a bug considering the docs for Transform Scale allow any number (negative or positive) so long as there is no unit that follows (source).
  • Adding the bug tag considering this “feels” like a bug and not an intended feature.