Anyone experiencing issue with list being individually wrap in <ul>?

[psntr]

I'm having an issue where each lines of my list item are individually wrapped in a <ul> tag.

Not sure if there is a way around that? In case it helps to debug, I'm attaching what I have in Sanity:

[abteilung]

I actually was facing the same issue too. I was building a PageBuilder module in which I was iterating through all blocks to render them individually according to their type. Problem was that each listItem was returned as an individual block.

I got around it by just using the types property in PortableText.

[psntr]

Thanks for the insights, could you expand a bit more regarding the property in PortableText?

[abteilung]

Here is how I configure my PortableText component.

<script>
	import { PortableText } from '@portabletext/svelte';

	import ListsWrapper from '$lib/components/Lists.svelte';
	import ListItemWrapper from '$lib/components/ListItems.svelte';

	import Code from '$lib/components/Code.svelte'
	import Video from '$lib/components/Video.svelte'
	import ProductReference from '$lib/components/ProductReference.svelte'
</script>

<PortableText
	value={content}
	components={{
		types: {
			code: Code,
			video: Video,
			productReference: ProductReference,
		},
		list: {
			bullet: ListsWrapper,
			number: ListsWrapper
		},
		listItem: {
			normal: ListItemWrapper
		}
	}}
/>

Does this help?