While working with viewport triggers in Framer, I noticed that the “Section in View” trigger behaves differently depending on where it is used - specifically between Scroll Animation Effects and Text Effects. Although both use the same naming, the actual trigger point differs: Scroll Animation Effects → calculated based on the section/container Text Effects → calculated based on the text layer’s bounds within the section This difference is not immediately obvious, and since both use the same label, it creates confusion when trying to predict when an animation or effect will trigger. Problem: The same trigger name (“Section in View”) suggests consistent behavior, but in practice: It fires at different moments depending on the effect type There is no visual feedback to indicate the trigger boundaries Users have to rely on trial and error to understand behavior This can lead to unexpected results, especially when combining scroll animations and text effects in the same section. Proposed Feature: Option 1: Add Visual Viewport Preview Show a visual indicator of the trigger area (e.g., overlay lines or highlighted zones) Display this on hover or when the trigger is selected Clearly represent when the trigger will fire relative to the viewport Or add a (i) button with video in the section-in-view trigger setting for these triggers top/middle/bottom. Option 2: Clarify Trigger Context Rename triggers to reflect their behavior more clearly, such as: “Section in View (Container-based)” “Section in View (Element-based)” Option 3: Unified Behavior (Optional) Provide an option to standardize how triggers are calculated across effects Use Cases: Designing precise scroll-based animations Synchronizing text effects with section animations Reducing guesswork when building complex interactions Improving learning experience for new users Why This Matters: Framer’s visual development approach is powerful, but interactions like viewport triggers should be intuitive and predictable. Adding a visual preview or clarifying behavior would: Reduce confusion and debugging time Improve consistency across features Help users better understand how their animations behave Enhance overall UX for both beginners and advanced users