Re: [webcomponents] [Custom Elements]: Custom elements should be display: block by default (#224)

There are some good points in this thread. Just want to add my $0.02.

I've spoken with many developers over the years, and custom elements being `display: inline` by default is a gotcha. It's not what people expect or typically want. I'd love to see us change to `display: block` or `display: inline-block` to make life easier. From personal experience building apps, the first thing I do when authoring new elements is add `display: block` (visual elements) or `display: none` (non-visual elements) :)

Mindful developers are already dealing with style changes, layout FOUC, and visual FOUC from unupgraded -> upgraded. So IMO, it would be nice for us to optimize for the most common case (`display: block`). If you throw in @ojanvafai's [points on performance](https://github.com/w3c/webcomponents/issues/224#issuecomment-193651565), we can optimize both the dev ergonomics and performance. 

---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/224#issuecomment-193881327