Expand "why are you editing?" field by default?

mattdm · March 10, 2023, 9:38pm

I would like to encourage use of this feature, as well as remind myself that it exists. I know in one part of my brain that the circle icon can be clicked and will expand into a text-entry field, but the part of my brain that edits posts apparently is distant from that one. Is there an easy way to expand it by default?

Canapin · March 10, 2023, 11:11pm

I don’t know, but if someone who knows a bit about theme components comes across this topic, here are the script and template used for the button/input:

github.com

discourse/discourse/blob/4350a903ec5370ef7ec0aca7cafc553fc106c22b/app/assets/javascripts/discourse/app/controllers/composer.js#L756


      
          },
          
          
save(ignore, event) {
            this.save(false, {
              jump:
                !(event?.shiftKey && this.get("model.replyingToTopic")) &&
                !this.skipJumpOnSave,
            });
          },
          
          
displayEditReason() {
            this.set("showEditReason", true);
          },
          
          
hitEsc() {
            if (
              document.querySelectorAll(".emoji-picker-modal.fadeIn").length === 1
            ) {
              this.appEvents.trigger("emoji-picker:close");
              return;
            }

github.com

discourse/discourse/blob/efc74cccaffbc24b0c29c3483b5100d72bf3ef28/app/assets/javascripts/discourse/app/templates/composer.hbs#L64


      
            {{#if this.model.unlistTopic}}
              <span class="unlist">({{i18n "composer.unlist"}})</span>
            {{/if}}
            {{#if this.isWhispering}}
              {{#if this.model.noBump}}
                <span class="no-bump">{{d-icon "anchor"}}</span>
              {{/if}}
            {{/if}}
          {{/unless}}
          
          
{{#if this.canEdit}}
            <LinkToInput
              @onClick={{action "displayEditReason"}}
              @showInput={{this.showEditReason}}
              @icon="info-circle"
              @class="display-edit-reason"
            >
              <TextField
                @value={{this.editReason}}
                @id="edit-reason"
                @maxlength="255"

I suppose displayEditReason() could be executed when the composer opens

mattdm · March 10, 2023, 11:57pm

Ideally also still respecting this.canEdit…

Topic		Replies	Views
Pressing "Add edit reason" button does not auto-focus into the text field Bug	8	2067	June 27, 2016
When editing, click on "add edit reason" should focus on input Feature	3	1288	June 28, 2016
Composer button bar suggestions UX composer	15	818	August 27, 2024
Improving usability of wiki post editing? Feature	33	4233	January 28, 2018
Adding a poll button to the bottom of the composer Dev	9	1176	February 28, 2020

Expand "why are you editing?" field by default?

Related Topics