Back to product momentsMotion Pack 25 · Change
Comment reply
After a reply is submitted, let the input area resolve into a discussion record with identity and time.
Build a comment reply: after input and Reply, briefly enter a sending state, then insert a reply with avatar, name, and Just now at the bottom of the thread. Retain input focus and the ability to continue replying, with a reduced-motion treatment.
Input feedbackPress / Tap feedbackThe Reply action confirms the submission when sending begins.EntranceSlide inThe new reply enters the reading order from the thread bottom with very small travel.State changeText morphThe action copy switches in place between Reply and Sending.Reduced motionReduced motionReduced motion inserts the reply directly while retaining identity and time.
Motion rules
The new reply enters the same thread with traceable identity and time.
Reduced motion
Insert the reply directly and update status copy while retaining reading order.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.