BUG: After upgrading from 0.19.4 to latest version 0.20.1, icons under layer manager not visible.

[FaisalShaikhHA]

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Version 104.0.5112.101 (Official Build) (arm64)

Reproducible demo link

Screenshot: https://d.pr/i/AyHJyL

Describe the bug

How to reproduce the bug?

1. Upgrade to the latest grapesjs version.

What is the expected behavior?
Icons under layer manager should be visible.

What is the current behavior?
Icons under layer manager are not visible.

Code of Conduct

• I agree to follow this project's Code of Conduct

[artf]

Is it what you see also here https://grapesjs.com/demo.html? I see those icons properly 🤔

[FaisalShaikhHA]

No, on the demo page icons are visible properly.
To update grapesjs I removed the old version by using npm remove grapesjs and then npm install grapesjs to get the latest version.
I also tried deleting grapesjs folder from node_modules and then used npm install grapesjs but no luck still icons are not rendered.
Used npm install grapesjs@latest as well but the same result.
Going back to version 0.19.4 fixes this issue.

[FaisalShaikhHA]

@artf I got the issue this is because of box-sizing CSS but when I try to remove or update this my layout gets distorted.
Count and move icon still not visible.
This does not happen in version 0.19.4 and this css is under style tag so it might be rendered by Grapesjs.

Screen.Capture.on.2022-09-26.at.11-22-06.mp4

[FaisalShaikhHA]

@artf this is the css

*,
*::before,
*::after {
  box-sizing: border-box;
}

which is causing problem when I upgrade from 0.19.4 to any greater version.

[FaisalShaikhHA]

After adding above mentioned css on the demo page, icons not visible on the demo as well.

[artf]

Thanks @FaisalShaikhHA ok I'll fix that as that rule is quite common.