Comment form reply behavior

[tylersticka]

Our Comment component contains a placeholder for replies, but it does not yet integrate our Comment Form.

The experience should behave similarly to how it does on the live site:

Note the focus of the first field and the reply form popping up at the top rather than scrolling below the other replies.

[Paul-Hebert]

@tylersticka I started working on adding in the reply form. It's feeling a little bulky to my eye. I wonder if it would be helpful to give this a design pass focusing on:

1. Making the form more compact when displayed inline after a comment
2. Differentiating the reply form from the comment you're replying to

What do you think? Would it be helpful for me to do some explorations before I get too far on this?

[tylersticka]

It's feeling a little bulky to my eye.

This feels a little exaggerated to me in your screenshot since the component isn't constrained width-wise. In practice, we'll be displaying the comment thread inside of a prose-width container object.

Making the form more compact when displayed inline after a comment

I'm open to ideas. I think it will simplify things technically if the form is consistent between replies and new comments, so any ideas would ideally translate well between both.

Differentiating the reply form from the comment you're replying to

Very open to this! At the very least we should probably transform the containing comment into the --thread variety.

[Paul-Hebert]

That makes sense. I'll try using the --thread modifier and sticking the whole thing in a Prose container. I'll see how that looks and whether it still feels bulky or not 👍

[tylersticka]

That makes sense. I'll try using the --thread modifier and sticking the whole thing in a Prose container. I'll see how that looks and whether it still feels bulky or not 👍

And if --thread is something we end up needing to toggle on and off with JavaScript, it might actually be better suited for an is-threaded state class rather than a modifier! That may have been short-sighted of me

[Paul-Hebert]

That makes sense 👍