ing-bank / lion

Fundamental white label web component features for your design system.

Home Page:https://lion-web.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Error with overlays in lion/ui 0.4.X with old chromium versions

alejandrofernandezcanton opened this issue · comments

Components with overlays should work correctly

Whe you load a component that uses overlay it should work correctly

Components that use overlay doesn't work in old chromium versions

We are using lion/ui 0.4.0 o 0.4.1. Component that use that version can't load overlays in old chromium verisons. If you try to load a component with overlay in Chromium Versión 87.0.4280.0 (Build for developers) (x86_64) you will receive in console the error I attach to the issue report. The error comes from "packages\ui\components\overlays\src\utils\adopt-styles.js". It looks like adoptedStyleSheets is an iterable but it is not an Array and it doesn't have the push function.

How to fix it

Use [...adoptedStyleSheets , style] instead adoptedStyleSheets.push

Console error example:
aa79cc27-f66a-45ef-a1db-6dbf290f1229