title: jQuery tooltip with large content
body: <p>I use the jQuery Tooltip Widget to show tooltips with very large contents. If the content is larger than the size of the tooltip window only the end of the content is shown. </p>
  
  <p>I'm looking for a way to force the tooltip widget to show the beginning of the content (instead of the end of the content)</p>
  
  <p><a href="https://api.jqueryui.com/tooltip/" rel="nofollow noreferrer">https://api.jqueryui.com/tooltip/</a></p>
  
  <p>Example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.mytooltip {
   width: 300px;
   border-top: solid 1px #BBBBBB;
   border-bottom: solid 1px #444444;
   padding: 5px 20px;
   border-radius: 0;
   box-shadow: 0 0 4px grey;
   margin: 2px;
   font-stretch: condensed;
    white-space: pre-line;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;jQuery UI Tooltip - Default functionality&lt;/title&gt;
    &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
    &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $( function() {
      $( document ).tooltip({
     tooltipClass: "mytooltip",
         });
    } );
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   
  &lt;p&gt;This is a long website&lt;/p&gt;
  &lt;p&gt;This is a long website&lt;/p&gt;
  &lt;p&gt;This is a long website&lt;/p&gt;
  &lt;p&gt;This is a long website&lt;/p&gt;
         
  &lt;p&gt;&lt;a href="#" title="Line 1 of long text. &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Long text &amp;#013; Last line of long text"&gt;Tooltip&lt;/a&gt; &lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>