La largeur de la page se rétrécit pour certains sujets

Firepup650 · Décembre 5, 2024, 5:40

Je ne suis pas sûr de la cause, mais c’est actuellement reproductible sur Announcing: AI Web Artifacts

Normal :

Réduit :

sam · Décembre 5, 2024, 7:13

hmmm c’est vraiment très confus. @awesomerobot des idées ?

Arkshine · Décembre 5, 2024, 1:45

Il semble que l’extrait inclue du HTML inutile. La balise <style> écrase le style de la page.

awesomerobot · Décembre 5, 2024, 7:48

Il y a certainement du CSS qui fuit quelque part… display: flex est ajouté au corps… et il semble que du HTML du partage s’y retrouve ?

Cela semble provenir 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

ceci est ajouté en ligne :

    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

problème avec html_excerpt ?

un lien non fermé qui perturbe le fonctionnement ?

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>

voyons voir :

Sujet		Réponses	Vues
Pastebin onebox escapes page width Bug	3	1285	Février 22, 2016
Printer Friendly CSS UX	30	6560	Novembre 19, 2022
Button to share conversation in AI conversation not respecting sub folder setup Bug subfolder , ai	2	154	Juin 6, 2024
Why is the text content small? Support	4	399	Septembre 19, 2023
Unclickable "Read More" button in excerpt UX	3	986	Janvier 17, 2022

La largeur de la page se rétrécit pour certains sujets

Sujets connexes