title: Google Chrome doesn't allow storage
body: <p>In order to save grid configurations and some simple settings, I use localStorage.</p>
  <p>It works on many browsers except on Google Chrome.</p>
  <p>By the way, it doesn't work on pcs which are under our local domain.</p>
  <p>On the same network, on a PC not under the domain, it works.</p>
  <p>Any idea, please?</p>
  <p>Here is whet I do (I use Devextreme datagrid's standard functions and I have the same result) :</p>
  <pre><code>     function toggleCustomerRightPanel(state) {
          if (state) {
              $(&quot;#customerRightBar&quot;).animate({ width: &quot;show&quot; });
              localStorage.setItem(&quot;capronCrmActionBar&quot;, state);
              $(&quot;body&quot;).css(&quot;margin-right&quot;, &quot;250px&quot;);
          } else {
              localStorage.removeItem(&quot;capronCrmActionBar&quot;);
              $(&quot;#customerRightBar&quot;).animate({ width: &quot;hide&quot; });
              $(&quot;body&quot;).css(&quot;margin-right&quot;, &quot;0px&quot;);
          }
      }
  
  
  
  
      function setCustomerActionBarState() {
        if ($(&quot;#mainContent&quot;).is(&quot;:visible&quot;) &amp;&amp; localStorage.getItem(&quot;capronCrmActionBar&quot;)==&quot;true&quot;) {
           $(&quot;body&quot;).css(&quot;margin-right&quot;, &quot;250px&quot;);
        }
        else {
           $(&quot;body&quot;).css(&quot;margin-right&quot;, &quot;0px&quot;);
        }
      }
  </code></pre>
  <p>When I change something on the application, I see on Chrome storing the data. For exemple :</p>
  <p><a href="https://i.stack.imgur.com/knLS7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/knLS7.png" alt="enter image description here" /></a></p>
  <p>But, when I close the browser and reopen it, the data is cleared.
  For exemple on Opera or Firefox, it works.</p>