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

Description Mike Herchel 2020-10-06 04:59:31 PDT

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

Comment 1 Radar WebKit Bug Importer 2020-10-07 22:05:10 PDT

<rdar://problem/70079759>

Comment 2 Antti Koivisto 2020-10-07 22:35:16 PDT

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.