title: cytoscape.js text-background-padding not working
body: <p>text-background-padding not work</p>
  <p>set <code>text-background-padding</code> to the node</p>
  <pre class="lang-js prettyprint-override"><code>         style: [
             {
               selector: &quot;node&quot;,
               css: {
                 &quot;label&quot;: &quot;data(name)&quot;,
                 &quot;text-valign&quot;: &quot;center&quot;,
                 &quot;text-halign&quot;: &quot;center&quot;,
                 &quot;shape&quot;: &quot;rectangle&quot;,
                 &quot;border-width&quot;: 1,
                 &quot;border-color&quot;: &quot;white&quot;,
                 &quot;border-style&quot;: &quot;dotted&quot;,
                 &quot;color&quot;: &quot;skyblue&quot;,
                 &quot;width&quot;: &quot;100%&quot;,
                 // &quot;width&quot;: 'label',
                 &quot;text-background-padding&quot;: 20, 
               },
             },
           ]
  
  </code></pre>
  <p>online result:</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>#cy {
        width: 100%;
        height: 100%;
        height: 500px;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width"&gt;
    &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    
   &lt;div id="app"&gt;
      &lt;div id="cy"&gt;&lt;/div&gt;
   &lt;/div&gt;
    
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.2.9/cytoscape.min.js" &gt;&lt;/script&gt;
  
   &lt;script type="text/javascript"&gt;
     
     var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello!'
      },
      mounted() {
  
        setTimeout(()=&gt;{
        const cy = cytoscape({
           container: document.getElementById("cy"),
   
           boxSelectionEnabled: false,
           autounselectify: true,
           style: [
             {
               selector: "node",
               css: {
                 "label": "data(name)",
                 "text-valign": "center",
                 "text-halign": "center",
                 "shape": "rectangle",
                 "border-width": 1,
                 "border-color": "white",
                 "border-style": "dotted",
                 "color": "skyblue",
                 "width": "100%",
                 // "width": 'label',
                 "text-background-padding": 50, 
               },
             },
           ],
           elements: {
             nodes: [
               {
                 data: {
                   id: "a",
                   name: "hello,cytoscape",
                 },
               },       
             ],
           },
         });
            
        }, 1000)
      }
    })
    
  
    &lt;/script&gt;
    
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>