title: Slider and its tooltip text in ExtJs are not visible properly with webserver?
body: <p>I have executed slider in ExtJs with and without web server.</p>
  
  <p><strong>With out using Web Server</strong> (Directly open index.html file)</p>
  
  <p><img src="https://i.stack.imgur.com/pqfHD.png" alt="enter image description here"></p>
  
  <p><strong>Using Web Server</strong> (Apache, XAMPP)</p>
  
  <p><img src="https://i.stack.imgur.com/GGLD6.png" alt="enter image description here"></p>
  
  <p>I have observed unexpected output when I run the application with web server.</p>
  
  <ul>
  <li>Slider edges are not looking good.</li>
  <li>Tooltip text is not visible completely.</li>
  </ul>
  
  <p>My index.html file code is as below.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; Slider Tooltip &lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all-debug.css" /&gt;
  
          &lt;script type="text/javascript" src="../extjs/ext-all.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body style="padding: 30px"&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my <code>app.js</code> code:</p>
  
  <pre><code>Ext.require('Ext.slider.*');
  
  Ext.onReady(function() {
      Ext.create('Ext.slider.Single', {
          renderTo: Ext.getBody(),
          width: 214,
          height: 50,
          minValue: 0,
          hideLabel: true,
          useTips: false,
          maxValue: 100
      });
  
      Ext.create('Ext.slider.Single', {
          renderTo: Ext.getBody(),
          hideLabel: true,
          width: 214,
          height: 50,
          minValue: 0,
          maxValue: 100
      });
  
      Ext.create('Ext.slider.Single', {
          renderTo: Ext.getBody(),
          hideLabel: true,
          width: 214,
          increment: 10,
          height:60,
          minValue: 0,
          maxValue: 100,
          tipText: function(thumb){
              return Ext.String.format('&lt;b&gt;{0}% complete&lt;/b&gt;', thumb.value);
          }
      });
  });
  </code></pre>