InlineToolbar incorrectly overflows on right edge about editor.js

[lijie1129]

hi, @SneakiBrina

Thank you for reporting this issue. 🤝

To fix this issue, I think we need to get the width value of the inline toolbar.

The current rendering process of inline toolbar is as follows:

1. Calculate the positioning information of the inline toolbar
2. Display inline toolbar (transparency adjusted from 0 to 1)
3. Fill the inline toolbar with inline action buttons, such as bold, italic...

https://github.com/codex-team/editor.js/blob/next/src/components/modules/toolbar/inline.ts#L155-L156

https://github.com/codex-team/editor.js/blob/next/src/components/modules/toolbar/inline.ts#L167

Since the third step will affect the width value of the inline toolbar, we need to calculate the positioning information after the third step (the issue of overflow on the right side is handled in the logic of calculating the positioning information)

hi, @SneakiBrina

I saw the PR you submitted. It seems that your solution is correct. 👍

Please ignore what I said above.

[lijie1129]

hi, @SneakiBrina

Thank you for reporting this issue. 🤝

To fix this issue, I think we need to get the width value of the inline toolbar.

The current rendering process of inline toolbar is as follows:

1. Calculate the positioning information of the inline toolbar
2. Display inline toolbar (transparency adjusted from 0 to 1)
3. Fill the inline toolbar with inline action buttons, such as bold, italic...

https://github.com/codex-team/editor.js/blob/next/src/components/modules/toolbar/inline.ts#L155-L156

https://github.com/codex-team/editor.js/blob/next/src/components/modules/toolbar/inline.ts#L167

Since the third step will affect the width value of the inline toolbar, we need to calculate the positioning information after the third step (the issue of overflow on the right side is handled in the logic of calculating the positioning information)

[MussaratAziz]

@SneakiBrina any way to change the icons on InlineToolbar?

[neSpecc]

Resolved by #2550