JSON fields are ordered differently when exceeding 8 fields per object

[kamal-choudhary]

Bug report

Describe the bug

I have a JSON data field in one of my content types. It works perfectly fine until the number of fields inside the JSON object is either 8 or less than 8. As soon as I introduce field number 9, the order of JSON fields gets changed.

Steps to reproduce the behavior

1. Add a JSON data field in your content type
2. Go to your content type and create an entry
3. Add some valid JSON for the JSON field, it works fine until the number of fields inside the JSON object is either 8 or less than 8
4. Added field number 9 and the ordering of fields will get changed.

Expected behavior

The ordering of fields should not change. Items should be ordered as entered.

Code snippets

Let’s say I have a Person type JSON-LD object and I add only 8 fields in this format:

{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Jane Doe",
  "url": "http://www.janedoe.com",
  "sameAs": "sdfsdfsdf",
  "jobTitle": "CEO",
  "image": "janedoe.jpg",
  "description": "jane doe description"
}

Until this moment, it is perfectly fine.

But if I add a new field like “memberOf”, then the ordering of the fields gets changed.

{
  "name": "Jane Doe",
  "url": "http://www.janedoe.com",
  "@context": "https://schema.org",
  "memberOf": "janedoewebsite.com",
  "sameAs": "sdfsdfsdf",
  "@type": "Person",
  "jobTitle": "CEO",
  "image": "janedoe.jpg",
  "description": "jane doe description"
}

The whole ordering of fields has been changed by introducing field 9.

System

• Node.js version: 14.15.3
• NPM version: 6.14.9
• Strapi version: 3.6.3
• Database: SQLite locally, postgreSQL on Production
• Operating system: macOS Big Sur

[derrickmehaffy]

Tested on v3.6.6 using Linux Mint 20.2 and SQLite (Node v14) and it works fine:

Nevermind, I tried to test with the 2nd block structure posted and it didn't change but if I use the first structure and add the extra entry to the bottom I see that it changes the order now.

[derrickmehaffy]

Unsure of source, it could be something the Content-Manager is doing or it could have something to do with the backend. 🤔

[rowild]

I observe a similar problem. This is what the json data looks like in the JSON field:

{
  "pilot": {
    "route": "/pilot",
    "btn_txt": "To Pilot Experiment",
    "btn_type": "success"
  },
  "experiment": {
    ...
  },
  "playground": {
    ...
  },
  "introduction": {
    ...
  }
}

If I want to change to order and put introduction as the first object:

{
  "introduction": {
    "route": "/Introduction",
    "btn_txt": "Introduction",
    "btn_type": "success"
  }
  "pilot": {
     ...
  },
  "experiment": {
    ...
  },
  "playground": {
    ...
  }
}

strapi does not accept this and instead saves the old version again.

This only happens in production mode, not in development. (And currently I only tested Strapi v3.)
I would recommend to NOT set severity to low, because this does influence frontend output.

[derrickmehaffy]

I observe a similar problem. This is what the json data looks like in the JSON field:

{
  "pilot": {
    "route": "/pilot",
    "btn_txt": "To Pilot Experiment",
    "btn_type": "success"
  },
  "experiment": {
    ...
  },
  "playground": {
    ...
  },
  "introduction": {
    ...
  }
}

If I want to change to order and put introduction as the first object:

{
  "introduction": {
    "route": "/Introduction",
    "btn_txt": "Introduction",
    "btn_type": "success"
  }
  "pilot": {
     ...
  },
  "experiment": {
    ...
  },
  "playground": {
    ...
  }
}

strapi does not accept this and instead saves the old version again.

This only happens in production mode, not in development. (And currently I only tested Strapi v3.) I would recommend to NOT set severity to low, because this does influence frontend output.

Can you please test this on v4, we won't be fixing issues on v3 anymore unless they are critical or security related

[nolliebigspin]

Can you please test this on v4, we won't be fixing issues on v3 anymore unless they are critical or security related

I'm using strapi@4.0.5 right now and had the same issue as @rowild yesterday. After saving JSON file, the order of objects is completly messed up.

[rowild]

I've just tested my issue in strapi v4, too, and the problem is the same. To sum up:

• JSON can be reorganised / restructured in development mode
• JSON cannot be restructured in production mode; there it will always jump back to the first form it had on initial save

[rylax]

Facing the same issue.

[pandeyprafull]

Facing the same as well

[derrickmehaffy]

Can't reproduce on v4.1.8 using SQLite. Marking as closed until additional information is given to reproduce