Names are missing from list when creating new chat channel webhooks

AI-generated summary

Users reported a bug where channel names are missing when creating new chat channel webhooks, making it difficult to select the correct channel. Firepup650 noted that searching doesn’t help either, as it returns no results. maiki confirmed the issue occurs across multiple sites, indicating it’s a recent regression. Screenshots show empty channel name fields in the UI. zogstrip investigated and confirmed the issue, and zogstrip announced that it will be fixed via GitHub PR #27402. The bug affects the chat channel chooser interface, where channel names fail to render despite icons being visible, leaving users unable to distinguish between channels. The fix is pending merge and release.

When every single channel has no name, it becomes a bit difficult to figure out which one you wanted to send the Webhook to. Searching always has no results, so that doesn’t work around either.


2 Likes

This may be specific to our site’s current state, I think

2 Likes

I’ve discovered this on multiple sites, appears to be a recent bug.

Example output:

<ul class="select-kit-collection" aria-live="polite" role="menu">
      <li data-guid="ember79" aria-checked="false" role="menuitemradio" data-index="0" data-value="8" tabindex="0" id="ember94" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember81" aria-checked="false" role="menuitemradio" data-index="1" data-value="2" tabindex="0" id="ember95" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember83" aria-checked="false" role="menuitemradio" data-index="2" data-value="4" tabindex="0" id="ember96" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember85" aria-checked="false" role="menuitemradio" data-index="3" data-value="1" tabindex="0" id="ember97" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember87" aria-checked="false" role="menuitemradio" data-index="4" data-value="7" tabindex="0" id="ember98" class="select-kit-row chat-channel-chooser-row is-highlighted ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember89" aria-checked="false" role="menuitemradio" data-index="5" data-value="10" tabindex="0" id="ember99" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
      <li data-guid="ember91" aria-checked="false" role="menuitemradio" data-index="6" data-value="11" tabindex="0" id="ember100" class="select-kit-row chat-channel-chooser-row ember-view">
  <span class="chat-channel-title is-category">
    
      <div class="chat-channel-icon">
        <span class="chat-channel-icon --category-badge" style="color: #undefined">
          <svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#comment"></use></svg>
<!---->        </span>
      </div>
  
    
    <div class="chat-channel-name">
        <span class="chat-channel-name__label">
          <!---->
        </span>

<!---->          </div>
  

<!---->  </span>
</li>
  </ul>
3 Likes

That’s a weird one. I’m having a look :eyes:

2 Likes

This will be fixed by :point_down:

https://github.com/discourse/discourse/pull/27402

6 Likes

This topic was automatically closed after 3 days. New replies are no longer allowed.