Support Topics Documentation Slack YouTube Blog

A cookie associated with a cross-site resource at http://backendless.com/ was set without the `SameSite` attribute, causing initialization delays

While running very minimum code I experience the following message:

"A cookie associated with a cross-site resource at http://backendless.com/ was set without the `SameSite` attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032."

The problem is that it’s preventing my materialize CSS from initializing smoothly, as also causing a noticeable delay when retrieving from local storage.

Without connecting to backendless

The select element loads like so,

however, when I insert the code for backendless there’s a delay in the initialization of the materialize CSS, resulting in the following for a split second before the select element displays correctly,

My code is:

<!DOCTYPE html>
<html>
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Test</title>
  <script src="jquery-3.4.1.min.js"></script>
  <link rel="stylesheet" href="CSS/materialize.min.css">
  <body>

    <div class="input-field col s12 filter" style="width: 200px;">
      <select id="timePeriodEndFilter">
        <option value="20:00">8 PM</option>
        <option value="21:00" selected>9 PM</option>
        <option value="22:00">10 PM</option>
      </select>
      <label>End time</label>
    </div>

    <script src="//api.backendless.com/sdk/js/latest/backendless.min.js"></script>
    <script src="JavaScript/test.js"></script>
    <script src="JavaScript/Materialize/materialize.min.js"></script>
  </body>
</html>

test.js

(function (){
    const APP_ID = '073669A8-CCB7-2AED-FFEC-841A4CE5F400';
    const API_KEY = '************************************';

    Backendless.serverURL = 'https://api.backendless.com';
    Backendless.initApp(APP_ID, API_KEY);
})();

$(document).ready(function (){
    //Initialize the materialize select element
    $('select').formSelect();
});

Is there any way to fix this?

Thank you

Hello @Restaurant_Specials

Since it’s just a warning I’m not sure it can affect your app, could you please try to remove all the cookie and refresh the web page, the warning must be disappeared.

also try to move

<script src="//api.backendless.com/sdk/js/latest/backendless.min.js"></script>

into <head> ... </head>

Regards, Vlad

Hi @Restaurant_Specials!

Internal ticket BKNDLSS-21145 has been created for adding “SameSite” attribute to our cookies. This will eliminate such warnings from Chrome in future.

Regards, Andriy

Hi @Restaurant_Specials

We’ve released the new version of Backendless.
Please, could you confirm that this issue doesn’t appear?

Regards,
Inna

I am not the OP but I am still seeing the SameSite warning.