A largura da página encolhe em determinados tópicos

Firepup650 · Dezembro 5, 2024, 5:40am

Não tenho certeza do que causa isso, mas atualmente é reproduzível em Announcing: AI Web Artifacts

Normal:

Diminuído:

sam · Dezembro 5, 2024, 7:13am

hmmm isso é realmente muito confuso. @awesomerobot alguma ideia?

Arkshine · Dezembro 5, 2024, 1:45pm

Parece que o trecho inclui HTML desnecessário. A tag <style> substitui o estilo da página.

awesomerobot · Dezembro 5, 2024, 7:48pm

Definitivamente algum CSS vazando em algum lugar… display: flex é adicionado ao body… e parece que algum HTML do compartilhamento está chegando lá?

Parece vir de

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

isso é adicionado inline:

    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-...\u003c/p\u003e\u003cp\u003e...\u003c/p\u003e\u003ca href='/discourse-ai/ai-bot/shared-ai-conversations/xrWufuvPZJFxlUvYW2cHSQ'\u003eRead full transcript\u003ca\u003e
\u003c/article\u003e
\u003cdiv style=\"clear: both\"\u003e\u003c/div\u003e
\u003c/aside\u003e
\u003c/div\u003e

problema com html_excerpt?

link não fechado atrapalhando?

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>

vamos ver:

Tópico		Respostas	Visualizações
Pastebin onebox escapes page width Bug	3	1285	22 de Fevereiro de 2016
Printer Friendly CSS UX	30	6561	19 de Novembro de 2022
Button to share conversation in AI conversation not respecting sub folder setup Bug subfolder , ai	2	155	6 de Junho de 2024
Why is the text content small? Support	4	401	19 de Setembro de 2023
Unclickable "Read More" button in excerpt UX	3	986	17 de Janeiro de 2022

A largura da página encolhe em determinados tópicos

Tópicos relacionados