dialog要素の閉じ方をまとめてみた

なんかややこしいので。

	form	.close()	ESCキー	light dismiss
open属性	✔	✔	×	×
.showModal()	✔	✔	✔	×
closedby="any"	✔	✔	✔	✔
closedby="closerequest"	✔	✔	✔	×
closedby="none"	✔	✔	×	×
(参考)popover属性	×	×	✔	✔

簡単なまとめ

• open属性はややこしくなるので使わない方がいいかも。トップレベルにならないし。
• 現状ではスクリプトでの操作がベター？
• closedby="any"でlight dismiss（背景クリックでのクローズ）ができるようになる
  • が、Safari対応待ちである
  • 現状ではlight dismissしたいのであれば、popoverが無難かも。