https://github.com/yuanchuan/browser-bugs

Browser bugs I found while experimenting
https://github.com/yuanchuan/browser-bugs

Last synced: about 1 month ago
JSON representation

Browser bugs I found while experimenting

• Host: GitHub
• URL: https://github.com/yuanchuan/browser-bugs
• Owner: yuanchuan
• Created: 2021-02-10T02:33:05.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-19T11:03:14.000Z (almost 3 years ago)
• Last Synced: 2024-10-24T02:04:02.897Z (2 months ago)
• Size: 1.95 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Safari

* Fails to inerit `grid-template-*` property.  [CodePen](https://codepen.io/yuanchuan/pen/WNeWVbO), [Twitter](https://twitter.com/yuanchuan23/status/1177644437645611008)

* Can't read `text-decoration` in shorthand.

* Fails to recognize data-uri SVG filter in CSS.

* The `url(#id)` is not recognizable if the id element is inside Web Component.

* CSS animation not working for pseudo elements inside Web Component. [Twitter](https://twitter.com/yuanchuan23/status/1048768113720750080).

## Chrome

* Fails to read data-uri format for `clip-path` property. [CodePen](https://codepen.io/yuanchuan/pen/d31f35f2eb9efe8b72a6639f598f0f0a).

* Using `innerHTML` to write 485 nested divs with `absolute` style and `pseudo` element will crash browser. [CodePen](https://codepen.io/yuanchuan/pen/xxPYeEx).

## Web Component

* The `@property` syntax is not recognizable inside Web Component.

* Nesting Limit Inside Web Component. [CodePen](https://codepen.io/yuanchuan/pen/zQxBmW), [Twitter](https://twitter.com/yuanchuan23/status/1125406185652355072).

## Limitation

> Not actual bug.

* The length of Custom Property value has limit. [Source Code](https://github.com/chromium/chromium/blob/e397b82e6b6131440d9cf951b174e95434e8ecc3/third_party/blink/renderer/core/css/resolver/style_cascade.h#L361).

* The maximun length of Grid columns or rows is `1000`. The number may differ between browsers. [Spec](https://www.w3.org/TR/css-grid-1/#overlarge-grids).