특정 주제에서 페이지 폭이 축소됨

Firepup650 · 12월 5, 2024, 5:40오전

이 문제가 발생하는 원인은 확실하지 않지만, 현재 https://meta.discourse.org/t/announcing-ai-web-artifacts/339979에서 재현되고 있습니다.

정상:

축소됨:

sam · 12월 5, 2024, 7:13오전

음, 이건 정말 헷갈리네요. @awesomerobot 혹시 아이디어가 있나요?

Arkshine · 12월 5, 2024, 1:45오후

발췌문에 불필요한 HTML이 포함된 것 같습니다. <style> 태그가 페이지 스타일을 덮어쓰고 있습니다.

awesomerobot · 12월 5, 2024, 7:48오후

어딘가에 누수되는 CSS가 있는 것 같습니다… display: flex가 body에 추가되고… 공유 관련 HTML이 거기로 유입되는 것처럼 보이네요.

아래에서 비롯된 것으로 보입니다:

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>
              </header>
              <article class="onebox-body">
              <h3><a href="#{url}" rel="nofollow ugc noopener" tabindex="-1">#{title}</a></h3>
            #{html_excerpt}
            </article>
            <div style="clear: both"></div>
            </aside>
            </div>
            HTML
          end

인라인으로 추가됩니다:

    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-...</p><p>...</p><a href='/discourse-ai/ai-bot/shared-ai-conversations/xrWufuvPZJFxlUvYW2cHSQ'>전체 트랜스크립트 읽기<a>
</article>
<div style="clear: both"></div>
</aside>
</div>

html_excerpt 문제인가요?

닫히지 않은 링크가 문제를 일으키고 있나요?

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
                  strip_links: true,
                  strip_details: true,
                )
          
              html << "<p><b>#{post.user.username}</b>: #{text}</p>"
              if html.length > 1000
                html << "<p>...</p>"
                break
              end
            end
            html << "<a href='#{url}'>#{I18n.t("discourse_ai.share_ai.read_more")}<a>"
            html
          end
          
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>

확인해 봅시다:

글		댓글	조회수
Button to share conversation in AI conversation not respecting sub folder setup Bug subfolder , ai	3	300	8월 24, 2026
Pastebin onebox escapes page width Bug	2	1352	2월 22, 2016
Printer Friendly CSS UX	30	6991	11월 19, 2022
Announcing: AI Web Artifacts Announcements ai	49	2398	10월 12, 2026
Why is the text content small? Product Support	3	539	8월 20, 2023

특정 주제에서 페이지 폭이 축소됨

Related topics