Lists are not allowed in a P tag. The tag has been changed to a DIV

Hi there,

I am using the ‘expand layout’ in a container displaying a list of item and get this message. Below please find the screen shot.

What needs to be changed? Please advise.

Thank you and best regards

Hi @Joerg :wave:

Can you share with us a screenshot of the navigator on the left of the page:

Hi Joyce,

thanks for looking into this. Below please find the screen shot. I assume the culprit is on the second page in the ‘content’ container.

Thank you and best regards,

Jörg


Hi @Joerg :wave:

I’m sorry I’m a little bit confused. In your first screenshot, you showed a list of cards that all show “Lists are not allowed in a P tag” and “The tag of this text has been changed to DIV”.

I’d like to understand what is bound to the items in the screenshot in your first post and what is bound to the parent container of those items.

Can you show me the full page of where this is happening and make sure you select the container with the issue on the page so I can see clearly what container it is in the navigator?

For example, in the screenshot I shared, you can see:

  • I bound a list of items to a container that contains an Expand layout element
  • that Expand layout element contains 3 Flexbox elements and I bound 2 Text elements

Feel free to record a short video if that’s easier because it’s sometimes hard to provide the full context with a couple of screenshots.

Hi Joyce,

attached please find another attempt to provide the sufficient information to you.

This is the basic layout of the screen. In the grey box you select the chapter you want to see. In the example “Aufbau & Struktur im Detail” (sorry, in german;).

When you click on the chapter the contents is displayed on the right side of the screen. This is when the error messages appear.

That’s why I assume it has something to do with the ‘content’ container and it’s sub-containers.

There is the title and an introductory paragraph. Underneath is a list of subchapters. These subchapters are fetched from Xano with the call kl4_by_kl3. You see the object in the screen shots.

Hope this is the information you are looking for, and it makes sense to you.

Thanks for looking into this and best regards,

Jörg

Mmmm ok, it definitely looks like a bug! Thanks for taking the time to put all of this together

The error message is saying that the p tag which the text element of “Aufbau & Struktur im Detail” is doesn’t accept lists but you bound to a text so I don’t think it should display that error message.

Could you create a bug ticket here and add a link to this conversation in the description so that the team has all the context?

I could create a bug ticket myself but then you wouldn’t be able to follow its progress :slight_smile:

Hi, its not a bug. The text element is not made to be bound to an html. Our text element generate a p tag, your html contain a list. Having a list inside a paragraph is not valid in HTML so we fix it.

You can use the Rich Text element instead, its made to display html text. :slight_smile:

1 Like