bug: 3 inline then 1 out of line formats differently than Discord

[Chew]

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

I seem to ran into a problem with inline rendering, at least on React.

Here's the code for what I have, for reference. https://github.com/Chew/ChewHelp/blob/master/src/components/mlb/PlanGameCommand.tsx

It renders mostly fine, see my docs.

But, it should look like this:

The bottom should span across the three, but only goes up to the first one and stops, causing some rendering issues.

It's very possible I broke something, I followed every guide I could to a tee!

Steps To Reproduce

1. Make a new embed field wrapper with 3 inline fields and then 1 non-inline field
2. Observe behavior

Expected behavior

I expected it to look like Discord, with the bottom field spanning all three.

Screenshots

No response

Additional context

No response

[favna]

Start by removing inline={true} inlineIndex={1} from <DiscordEmbedField fieldTitle="📻 Listen" inline={true} inlineIndex={1}>. The field from your discord bot is also not inline.

I used devtools inspector to make that change on your docs and that fixes the whole embed:

[Chew]

Weird, doing that still has it wide, but I did remove like you said and it was fine:

After doing:

- <DiscordEmbedField fieldTitle="📻 Listen" inline={true} inlineIndex={1}>
+ <DiscordEmbedField fieldTitle="📻 Listen">

I get

It looks like an inline-index still lingers? There is no inline=true though, just the index.

If I explicitly set

- <DiscordEmbedField fieldTitle="📻 Listen" inline={true} inlineIndex={1}>
+ <DiscordEmbedField fieldTitle="📻 Listen" inlineIndex={undefined}>

Then it works fine with no editing. So it seems the bug is coming from it adding 1 for some reason?

[favna]

Bizarre that it was setting it to 1, sure that is the default but that shouldn't apply unless inline=true I thought. At any rate, I changed the default to undefined in the above linked PR.

[favna]

Released in alpha 37