If I counted correctly, it currently fits 92 characters. I believe it should be shrunk

If I counted correctly, it currently fits 92 characters. </blockquote

I didn't notice the cols . 92 may have been because I

I believe the css width: 657px is overri

I don't know. It sounds a bit cramped. The rationale behind the 80 c

Message <textarea> width should match eventual wrap length about dfeed HOT 6 CLOSED

cybershadow commented on July 18, 2024

Message

width should match eventual wrap length<p>from dfeed.</p></section>
</section>

</article>

<article>
  <h2 class="h2">Comments (6)</h2>
  
    
    
<section class="issue-comment">
  <section id="37685281" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/160894?s=30&u=23fcd074443aa72c5335f7fd2c8a49cbbb004f56&v=4" alt="CyberShadow avatar" />
    <a class="issue-username" href="/CyberShadow">CyberShadow</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><blockquote>
<p dir="auto">If I counted correctly, it currently fits 92 characters.</p>
</blockquote>
<p dir="auto">Should be 80, as per the HTML.</p><p>from dfeed.</p></section>
</section>

<section class="issue-comment">
  <section id="37685853" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/74619?v=4" alt="brad-anderson avatar" />
    <a class="issue-username" href="/brad-anderson">brad-anderson</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><p dir="auto">I didn't notice the <code class="notranslate">cols</code>.  92 may have been because I had browser scaling when I loaded the page that I unscaled after loading when I tested so maybe that caused something funny. Seems to be coming in at 82 right now though. I believe the css <code class="notranslate">width: 657px</code> is overriding the cols setting. In any case, I think it should be <code class="notranslate">cols="66"</code> with no css width specified.</p><p>from dfeed.</p></section>
</section>

<section class="issue-comment">
  <section id="37686068" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/160894?s=30&u=23fcd074443aa72c5335f7fd2c8a49cbbb004f56&v=4" alt="CyberShadow avatar" />
    <a class="issue-username" href="/CyberShadow">CyberShadow</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><blockquote>
<p dir="auto">I believe the css <code class="notranslate">width: 657px</code> is overriding the cols setting.</p>
</blockquote>
<p dir="auto">Where is that rule?</p><p>from dfeed.</p></section>
</section>

<section class="issue-comment">
  <section id="37686440" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/74619?v=4" alt="brad-anderson avatar" />
    <a class="issue-username" href="/brad-anderson">brad-anderson</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><p dir="auto">I feel like you are gaslighting me by uploading changes as I refresh, heh. First time I looked in Developer Tools elements view (not the source though) it was 700-something px, then it was 657px, and now it's gone. Chrome must be gaslighting me. Sorry for the confusion.</p>
<p dir="auto">Anyway, how does <code class="notranslate">cols=66</code> sound to you?</p><p>from dfeed.</p></section>
</section>

<section class="issue-comment">
  <section id="37687134" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/160894?s=30&u=23fcd074443aa72c5335f7fd2c8a49cbbb004f56&v=4" alt="CyberShadow avatar" />
    <a class="issue-username" href="/CyberShadow">CyberShadow</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><p dir="auto">I don't know. It sounds a bit cramped.</p>
<p dir="auto">The rationale behind the 80 columns value was that this is the recommendation for the maximum width of a line. The intent is that we would somehow provide some form of control over how user text is wrapped, but we don't do that now - we just wrap everything at 66 chars.</p>
<p dir="auto">There's more than one way to improve on this:</p>
<ul dir="auto">
<li>Actually acting on format=flowed when we display messages, instead of just for wrapping. That means that we remove line breaks from all posts and let the browser wrap the message to the container width (and perhaps restrict the container width so it doesn't result in really long lines on wide screens). If we do this, the 66-long lines will only be visible to other user agents which do not rewrap text according to format=flowed.</li>
<li>Improving wrapping. There is a patch in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="24764801" data-permission-text="Title is private" data-url="https://github.com/CyberShadow/DFeed/issues/26" data-hovercard-type="pull_request" data-hovercard-url="/CyberShadow/DFeed/pull/26/hovercard" href="https://github.com/CyberShadow/DFeed/pull/26">#26</a> I still need to get to.</li>
<li>Providing a way to preview wrapping. <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="22199322" data-permission-text="Title is private" data-url="https://github.com/CyberShadow/DFeed/issues/24" data-hovercard-type="issue" data-hovercard-url="/CyberShadow/DFeed/issues/24/hovercard" href="https://github.com/CyberShadow/DFeed/issues/24">#24</a></li>
</ul><p>from dfeed.</p></section>
</section>

<section class="issue-comment">
  <section id="37687763" class="issue-head">
    <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/74619?v=4" alt="brad-anderson avatar" />
    <a class="issue-username" href="/brad-anderson">brad-anderson</a>
    <span class="issue-time"> commented on July 18, 2024 </span>
    
  </section>
  <section class="markdown markdown-js p-5"><blockquote>
<p dir="auto">Actually acting on format=flowed when we display messages, instead of just for wrapping.</p>
</blockquote>
<p dir="auto">That sounds great. I didn't notice there was already work related to this being done.  Let's just close this and let it get solved by these better options.</p><p>from dfeed.</p></section>
</section>

</article>

<section>
  <h2 class="h2">Related Issues (20)</h2>
  <div class="issue">
    <ul>
      
        <li>
          <a href="/cybershadow/dfeed/issues/117">Posting doesn't go through; "Posting status" page keeps refreshing</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/119">stuck unread reply</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/121">Forum hyperlink parser doesn't recognize + signs as part of the link</a> 
          
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/125">Markdown formatting mangles pasted code</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 10</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/127">Markdown tables spuriously fail</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 4</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/128">identify really old messages you are replying to</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 9</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/129">Allow specialized markdown header for NNTP posts</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 37</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/133">corrupted gravatar link</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 5</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/134">Refresh "read threads" state when navigating back using bfcache</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/135">Text not wrapping at browser edge</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 5</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/136">Private repo activity is showing up in feed</a> 
          
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/137">A button to list all created threads</a> 
          
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/138">Wrong quote nesting as a result of slightly broken markdown syntax</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/139">Add moderation complaint email to footer</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 10</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/140">Lock threads to prevent comments</a> 
          
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/141">IRC link in header is outdated</a> 
          
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/147">Markdown does not support double spaces as a line-break.</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/148">Dark theme</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/150">Compilation is broken</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span>
        </li>
      
        <li>
          <a href="/cybershadow/dfeed/issues/152">running locally doesn't work as expected anymore</a> 
          <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 4</span>
        </li>
      
    </ul>
  </div>
</section>

</main>
        <section id="more" class="flex-none w-full md:w-60 text-gray-600 bg-gray-50 px-5 md:px-3 rounded-md dark-color">
          <div class="w-full md:w-60 h-0.5"></div>
          <section>
            
            
            
<h2 class="h2 py-3.5">Recommend Projects</h2>
            <ul>
              <li class="mb-4">
                
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-7917632214101949"
      data-ad-slot="8072798030"
      data-ad-format="auto"
      data-full-width-responsive="true"></ins>
    <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
  
              </li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/facebook/react">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://raw.githubusercontent.com/facebook/create-react-app/master/packages/cra-template/template/public/logo192.png"
        alt="React photo"
      />
      
      React
    </a>
  </h3>
  <p class="article-more pt-1">A declarative, efficient, and flexible JavaScript library for building user interfaces.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/vuejs/vue">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://camo.githubusercontent.com/c8f91d18976e27123643a926a2588b8d931a0292fd0b6532c3155379e8591629/68747470733a2f2f7675656a732e6f72672f696d616765732f6c6f676f2e706e67"
        alt="Vue.js photo"
      />
      
      Vue.js
    </a>
  </h3>
  <p class="article-more pt-1">🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/microsoft/TypeScript">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://www.typescriptlang.org/favicon-32x32.png"
        alt="Typescript photo"
      />
      
      Typescript
    </a>
  </h3>
  <p class="article-more pt-1">TypeScript is a superset of JavaScript that compiles to clean JavaScript output.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/tensorflow/tensorflow">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://camo.githubusercontent.com/c04e16c05de80dadbdc990884672fc941fdcbbfbb02b31dd48c248d010861426/68747470733a2f2f7777772e74656e736f72666c6f772e6f72672f696d616765732f74665f6c6f676f5f736f6369616c2e706e67"
        alt="TensorFlow photo"
      />
      
      TensorFlow
    </a>
  </h3>
  <p class="article-more pt-1">An Open Source Machine Learning Framework for Everyone</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/django/django">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars2.githubusercontent.com/u/27804?s=200&v=4"
        alt="Django photo"
      />
      
      Django
    </a>
  </h3>
  <p class="article-more pt-1">The Web framework for perfectionists with deadlines.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/laravel/laravel">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://laravel.com/img/logomark.min.svg"
        alt="Laravel photo"
      />
      
      Laravel
    </a>
  </h3>
  <p class="article-more pt-1">A PHP framework for web artisans</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/d3/d3">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://camo.githubusercontent.com/586ccf0aad9684edc821658cee04146cf36d1f1d5ec904bbefd72728909ccb2e/68747470733a2f2f64336a732e6f72672f6c6f676f2e737667"
        alt="D3 photo"
      />
      
      D3
    </a>
  </h3>
  <p class="article-more pt-1">Bring data to life with SVG, Canvas and HTML. 📊📈🎉</p>
</article>

</li>
              
              <li>
                <div>
                  
                </div>
              </li>
            </ul>
          </section>

<section>
            
            
<h2 class="h2 py-3.5">Recommend Topics</h2>
            <ul>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/javascript">
      
      javascript
    </a>
  </h3>
  <p class="article-more pt-1">JavaScript (JS) is a lightweight interpreted programming language with first-class functions.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/web">
      
      web
    </a>
  </h3>
  <p class="article-more pt-1">Some thing interesting about web. New door for the world.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/server">
      
      server
    </a>
  </h3>
  <p class="article-more pt-1">A server is a program made to process requests and deliver data to clients.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/machine-learning">
      
      Machine learning
    </a>
  </h3>
  <p class="article-more pt-1">Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/visualization">
      
      Visualization
    </a>
  </h3>
  <p class="article-more pt-1">Some thing interesting about visualization, use data art</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/topic/game">
      
      Game
    </a>
  </h3>
  <p class="article-more pt-1">Some thing interesting about game, make everyone happy.</p>
</article>

</li>
              
              <li>
                
              </li>
            </ul>
          </section>

<section>
            
            
<h2 class="h2 py-3.5">Recommend Org</h2>
            <ul>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/facebook">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/69631?v=4"
        alt="Facebook photo"
      />
      
      Facebook
    </a>
  </h3>
  <p class="article-more pt-1">We are working to build community through open source technology. NB: members must have two-factor auth.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/microsoft">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/6154722?v=4"
        alt="Microsoft photo"
      />
      
      Microsoft
    </a>
  </h3>
  <p class="article-more pt-1">Open source projects and samples from Microsoft.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/google">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/1342004?v=4"
        alt="Google photo"
      />
      
      Google
    </a>
  </h3>
  <p class="article-more pt-1">Google ❤️ Open Source for everyone.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/alibaba">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/1961952?v=4"
        alt="Alibaba photo"
      />
      
      Alibaba
    </a>
  </h3>
  <p class="article-more pt-1">Alibaba Open Source for everyone</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/d3">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/1562726?v=4"
        alt="D3 photo"
      />
      
      D3
    </a>
  </h3>
  <p class="article-more pt-1">Data-Driven Documents codes.</p>
</article>

</li>
              
              <li>
                
<article class="small-box">
  <h3 class="article-title">
    <a class="block break-all" href="/tencent">
      
      <img
        loading="lazy"
        class="inline-block w-6 h-6 rounded-md border border-white"
        width="24"
        height="24"
        src="https://avatars.githubusercontent.com/u/18461506?v=4"
        alt="Tencent photo"
      />
      
      Tencent
    </a>
  </h3>
  <p class="article-more pt-1">China tencent open source team.</p>
</article>

</li>
              
              <li>
                
              </li>
            </ul>
          </section>
          
        </section>
      </div>
    </div>

<footer class="sizeing text-xs text-center p-5">
  <div>Friends: 
    <a class="hover:underline" target="_blank" href="https://www.chanpinqingbaoju.com">ProductDiscover</a>
  </div>
  Copyright © 2024 Giter Site  ❤️ <a class="hover:underline block md:inline" href="mailto:cs.victor.edison@gmail.com">Mail to me</a>
</footer>
  </body>
</html>