Bug 217378
| Summary: | CSS's `display: initial;` causes `<div>` to render as `display: inline;`. Should be `display: block;` | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Mike Herchel <mike> |
| Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | koivisto, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 13 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Mike Herchel
When using `display: initial` on a DIV element, it causes the element to render as inline, when it should be rendering as block.
This also happens when using the `all: initial` reset. (https://developer.mozilla.org/en-US/docs/Web/CSS/all)
https://drafts.csswg.org/css-cascade/#initial-value
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/70079759>
Antti Koivisto
This is the correct behavior and matches all browsers. The initial value of 'display' property is 'inline'.
https://jsbin.com/lojahoj/4/edit?html,output
Use 'revert' if you want to get the user agent stylesheet value.