87257574ba8c5b65cef1fd3bf005e1a531dce09456fd48984c884f8466ca2ee101a08f66abeb19a2b28cc57d29df17dae67e3e743833d5b587f73630a03b37 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707
  1. {
  2. "title":"CSS display: contents",
  3. "description":"`display: contents` causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques.",
  4. "spec":"https://w3c.github.io/csswg-drafts/css-display/",
  5. "status":"cr",
  6. "links":[
  7. {
  8. "url":"https://rachelandrew.co.uk/archives/2016/01/29/vanishing-boxes-with-display-contents/",
  9. "title":"Vanishing boxes with display contents"
  10. }
  11. ],
  12. "bugs":[
  13. {
  14. "description":"Safari on iOS 10 and 11, and Safari 11 renders `display:contents` as `display:inline`. @supports will also report as true."
  15. },
  16. {
  17. "description":"Safari on Mac and iOS had bugs related to [toggling between display: none](https://bugs.webkit.org/show_bug.cgi?id=188259) and [::before/::after elements not filling their grid cell](https://bugs.webkit.org/show_bug.cgi?id=193567). These were fixed in version 13.4"
  18. }
  19. ],
  20. "categories":[
  21. "CSS"
  22. ],
  23. "stats":{
  24. "ie":{
  25. "5.5":"n",
  26. "6":"n",
  27. "7":"n",
  28. "8":"n",
  29. "9":"n",
  30. "10":"n",
  31. "11":"n"
  32. },
  33. "edge":{
  34. "12":"n",
  35. "13":"n",
  36. "14":"n",
  37. "15":"n",
  38. "16":"n",
  39. "17":"n",
  40. "18":"n",
  41. "79":"a #1",
  42. "80":"a #1",
  43. "81":"a #1",
  44. "83":"a #1",
  45. "84":"a #1",
  46. "85":"a #1",
  47. "86":"a #1",
  48. "87":"a #1",
  49. "88":"a #1",
  50. "89":"a #2",
  51. "90":"a #2",
  52. "91":"a #2",
  53. "92":"a #2",
  54. "93":"a #2",
  55. "94":"a #2",
  56. "95":"a #2",
  57. "96":"a #2",
  58. "97":"a #2",
  59. "98":"a #2",
  60. "99":"a #2",
  61. "100":"a #2",
  62. "101":"a #2",
  63. "102":"a #2",
  64. "103":"a #2",
  65. "104":"a #2",
  66. "105":"a #2",
  67. "106":"a #2",
  68. "107":"a #2",
  69. "108":"a #2",
  70. "109":"a #2",
  71. "110":"a #2",
  72. "111":"a #2",
  73. "112":"a #2",
  74. "113":"a #2",
  75. "114":"a #2",
  76. "115":"a #2",
  77. "116":"a #2",
  78. "117":"a #2",
  79. "118":"a #2",
  80. "119":"a #2",
  81. "120":"a #2",
  82. "121":"a #2",
  83. "122":"a #2",
  84. "123":"a #2",
  85. "124":"a #2",
  86. "125":"a #2",
  87. "126":"a #2",
  88. "127":"a #2",
  89. "128":"a #2",
  90. "129":"a #2",
  91. "130":"a #2",
  92. "131":"a #2",
  93. "132":"a #2",
  94. "133":"a #2",
  95. "134":"a #2",
  96. "135":"a #2",
  97. "136":"a #2",
  98. "137":"a #2",
  99. "138":"a #2",
  100. "139":"a #2",
  101. "140":"a #2"
  102. },
  103. "firefox":{
  104. "2":"n",
  105. "3":"n",
  106. "3.5":"n",
  107. "3.6":"n",
  108. "4":"n",
  109. "5":"n",
  110. "6":"n",
  111. "7":"n",
  112. "8":"n",
  113. "9":"n",
  114. "10":"n",
  115. "11":"n",
  116. "12":"n",
  117. "13":"n",
  118. "14":"n",
  119. "15":"n",
  120. "16":"n",
  121. "17":"n",
  122. "18":"n",
  123. "19":"n",
  124. "20":"n",
  125. "21":"n",
  126. "22":"n",
  127. "23":"n",
  128. "24":"n",
  129. "25":"n",
  130. "26":"n",
  131. "27":"n",
  132. "28":"n",
  133. "29":"n",
  134. "30":"n",
  135. "31":"n",
  136. "32":"n",
  137. "33":"n",
  138. "34":"n",
  139. "35":"n",
  140. "36":"n",
  141. "37":"a #1",
  142. "38":"a #1",
  143. "39":"a #1",
  144. "40":"a #1",
  145. "41":"a #1",
  146. "42":"a #1",
  147. "43":"a #1",
  148. "44":"a #1",
  149. "45":"a #1",
  150. "46":"a #1",
  151. "47":"a #1",
  152. "48":"a #1",
  153. "49":"a #1",
  154. "50":"a #1",
  155. "51":"a #1",
  156. "52":"a #1",
  157. "53":"a #1",
  158. "54":"a #1",
  159. "55":"a #1",
  160. "56":"a #1",
  161. "57":"a #1",
  162. "58":"a #1",
  163. "59":"a #1",
  164. "60":"a #1",
  165. "61":"a #1",
  166. "62":"a #2",
  167. "63":"a #2",
  168. "64":"a #2",
  169. "65":"a #2",
  170. "66":"a #2",
  171. "67":"a #2",
  172. "68":"a #2",
  173. "69":"a #2",
  174. "70":"a #2",
  175. "71":"a #2",
  176. "72":"a #2",
  177. "73":"a #2",
  178. "74":"a #2",
  179. "75":"a #2",
  180. "76":"a #2",
  181. "77":"a #2",
  182. "78":"a #2",
  183. "79":"a #2",
  184. "80":"a #2",
  185. "81":"a #2",
  186. "82":"a #2",
  187. "83":"a #2",
  188. "84":"a #2",
  189. "85":"a #2",
  190. "86":"a #2",
  191. "87":"a #2",
  192. "88":"a #2",
  193. "89":"a #2",
  194. "90":"a #2",
  195. "91":"a #2",
  196. "92":"a #2",
  197. "93":"a #2",
  198. "94":"a #2",
  199. "95":"a #2",
  200. "96":"a #2",
  201. "97":"a #2",
  202. "98":"a #2",
  203. "99":"a #2",
  204. "100":"a #2",
  205. "101":"a #2",
  206. "102":"a #2",
  207. "103":"a #2",
  208. "104":"a #2",
  209. "105":"a #2",
  210. "106":"a #2",
  211. "107":"a #2",
  212. "108":"a #2",
  213. "109":"a #2",
  214. "110":"a #2",
  215. "111":"a #2",
  216. "112":"a #2",
  217. "113":"a #2",
  218. "114":"a #2",
  219. "115":"a #2",
  220. "116":"a #2",
  221. "117":"a #2",
  222. "118":"a #2",
  223. "119":"a #2",
  224. "120":"a #2",
  225. "121":"a #2",
  226. "122":"a #2",
  227. "123":"a #2",
  228. "124":"a #2",
  229. "125":"a #2",
  230. "126":"a #2",
  231. "127":"a #2",
  232. "128":"a #2",
  233. "129":"a #2",
  234. "130":"a #2",
  235. "131":"a #2",
  236. "132":"a #2",
  237. "133":"a #2",
  238. "134":"a #2",
  239. "135":"a #2",
  240. "136":"a #2",
  241. "137":"a #2",
  242. "138":"a #2",
  243. "139":"a #2",
  244. "140":"a #2",
  245. "141":"a #2",
  246. "142":"a #2",
  247. "143":"a #2",
  248. "144":"a #2",
  249. "145":"a #2"
  250. },
  251. "chrome":{
  252. "4":"n",
  253. "5":"n",
  254. "6":"n",
  255. "7":"n",
  256. "8":"n",
  257. "9":"n",
  258. "10":"n",
  259. "11":"n",
  260. "12":"n",
  261. "13":"n",
  262. "14":"n",
  263. "15":"n",
  264. "16":"n",
  265. "17":"n",
  266. "18":"n",
  267. "19":"n",
  268. "20":"n",
  269. "21":"n",
  270. "22":"n",
  271. "23":"n",
  272. "24":"n",
  273. "25":"n",
  274. "26":"n",
  275. "27":"n",
  276. "28":"n",
  277. "29":"n",
  278. "30":"n",
  279. "31":"n",
  280. "32":"n",
  281. "33":"n",
  282. "34":"n",
  283. "35":"n",
  284. "36":"n",
  285. "37":"n",
  286. "38":"n",
  287. "39":"n",
  288. "40":"n",
  289. "41":"n",
  290. "42":"n",
  291. "43":"n",
  292. "44":"n",
  293. "45":"n",
  294. "46":"n",
  295. "47":"n",
  296. "48":"n",
  297. "49":"n",
  298. "50":"n",
  299. "51":"n",
  300. "52":"n",
  301. "53":"n",
  302. "54":"n",
  303. "55":"n",
  304. "56":"n",
  305. "57":"n",
  306. "58":"n d #1",
  307. "59":"n d #1",
  308. "60":"n d #1",
  309. "61":"n d #1",
  310. "62":"n d #1",
  311. "63":"n d #1",
  312. "64":"n d #1",
  313. "65":"a #1",
  314. "66":"a #1",
  315. "67":"a #1",
  316. "68":"a #1",
  317. "69":"a #1",
  318. "70":"a #1",
  319. "71":"a #1",
  320. "72":"a #1",
  321. "73":"a #1",
  322. "74":"a #1",
  323. "75":"a #1",
  324. "76":"a #1",
  325. "77":"a #1",
  326. "78":"a #1",
  327. "79":"a #1",
  328. "80":"a #1",
  329. "81":"a #1",
  330. "83":"a #1",
  331. "84":"a #1",
  332. "85":"a #1",
  333. "86":"a #1",
  334. "87":"a #1",
  335. "88":"a #1",
  336. "89":"a #2",
  337. "90":"a #2",
  338. "91":"a #2",
  339. "92":"a #2",
  340. "93":"a #2",
  341. "94":"a #2",
  342. "95":"a #2",
  343. "96":"a #2",
  344. "97":"a #2",
  345. "98":"a #2",
  346. "99":"a #2",
  347. "100":"a #2",
  348. "101":"a #2",
  349. "102":"a #2",
  350. "103":"a #2",
  351. "104":"a #2",
  352. "105":"a #2",
  353. "106":"a #2",
  354. "107":"a #2",
  355. "108":"a #2",
  356. "109":"a #2",
  357. "110":"a #2",
  358. "111":"a #2",
  359. "112":"a #2",
  360. "113":"a #2",
  361. "114":"a #2",
  362. "115":"a #2",
  363. "116":"a #2",
  364. "117":"a #2",
  365. "118":"a #2",
  366. "119":"a #2",
  367. "120":"a #2",
  368. "121":"a #2",
  369. "122":"a #2",
  370. "123":"a #2",
  371. "124":"a #2",
  372. "125":"a #2",
  373. "126":"a #2",
  374. "127":"a #2",
  375. "128":"a #2",
  376. "129":"a #2",
  377. "130":"a #2",
  378. "131":"a #2",
  379. "132":"a #2",
  380. "133":"a #2",
  381. "134":"a #2",
  382. "135":"a #2",
  383. "136":"a #2",
  384. "137":"a #2",
  385. "138":"a #2",
  386. "139":"a #2",
  387. "140":"a #2",
  388. "141":"a #2",
  389. "142":"a #2",
  390. "143":"a #2"
  391. },
  392. "safari":{
  393. "3.1":"n",
  394. "3.2":"n",
  395. "4":"n",
  396. "5":"n",
  397. "5.1":"n",
  398. "6":"n",
  399. "6.1":"n",
  400. "7":"n",
  401. "7.1":"n",
  402. "8":"n",
  403. "9":"n",
  404. "9.1":"n",
  405. "10":"n",
  406. "10.1":"n",
  407. "11":"n",
  408. "11.1":"a #1",
  409. "12":"a #1",
  410. "12.1":"a #1",
  411. "13":"a #1",
  412. "13.1":"a #1",
  413. "14":"a #1",
  414. "14.1":"a #1",
  415. "15":"a #1",
  416. "15.1":"a #1",
  417. "15.2-15.3":"a #1",
  418. "15.4":"a #1",
  419. "15.5":"a #1",
  420. "15.6":"a #1",
  421. "16.0":"a #2 #3",
  422. "16.1":"a #2 #3",
  423. "16.2":"a #2 #3",
  424. "16.3":"a #2 #3",
  425. "16.4":"a #2 #3",
  426. "16.5":"a #2 #3",
  427. "16.6":"a #2 #3",
  428. "17.0":"a #2",
  429. "17.1":"a #2",
  430. "17.2":"a #2",
  431. "17.3":"a #2",
  432. "17.4":"a #2",
  433. "17.5":"a #2",
  434. "17.6":"a #2",
  435. "18.0":"a #2",
  436. "18.1":"a #2",
  437. "18.2":"a #2",
  438. "18.3":"a #2",
  439. "18.4":"a #2",
  440. "18.5-18.6":"a #2",
  441. "26.0":"a #2",
  442. "26.1":"a #2",
  443. "TP":"a #2"
  444. },
  445. "opera":{
  446. "9":"n",
  447. "9.5-9.6":"n",
  448. "10.0-10.1":"n",
  449. "10.5":"n",
  450. "10.6":"n",
  451. "11":"n",
  452. "11.1":"n",
  453. "11.5":"n",
  454. "11.6":"n",
  455. "12":"n",
  456. "12.1":"n",
  457. "15":"n",
  458. "16":"n",
  459. "17":"n",
  460. "18":"n",
  461. "19":"n",
  462. "20":"n",
  463. "21":"n",
  464. "22":"n",
  465. "23":"n",
  466. "24":"n",
  467. "25":"n",
  468. "26":"n",
  469. "27":"n",
  470. "28":"n",
  471. "29":"n",
  472. "30":"n",
  473. "31":"n",
  474. "32":"n",
  475. "33":"n",
  476. "34":"n",
  477. "35":"n",
  478. "36":"n",
  479. "37":"n",
  480. "38":"n",
  481. "39":"n",
  482. "40":"n",
  483. "41":"n",
  484. "42":"n",
  485. "43":"n",
  486. "44":"n",
  487. "45":"n",
  488. "46":"n",
  489. "47":"n",
  490. "48":"n",
  491. "49":"n",
  492. "50":"n",
  493. "51":"n",
  494. "52":"a #1",
  495. "53":"a #1",
  496. "54":"a #1",
  497. "55":"a #1",
  498. "56":"a #1",
  499. "57":"a #1",
  500. "58":"a #1",
  501. "60":"a #1",
  502. "62":"a #1",
  503. "63":"a #1",
  504. "64":"a #1",
  505. "65":"a #1",
  506. "66":"a #1",
  507. "67":"a #1",
  508. "68":"a #1",
  509. "69":"a #1",
  510. "70":"a #1",
  511. "71":"a #1",
  512. "72":"a #1",
  513. "73":"a #1",
  514. "74":"a #1",
  515. "75":"a #1",
  516. "76":"a #2",
  517. "77":"a #2",
  518. "78":"a #2",
  519. "79":"a #2",
  520. "80":"a #2",
  521. "81":"a #2",
  522. "82":"a #2",
  523. "83":"a #2",
  524. "84":"a #2",
  525. "85":"a #2",
  526. "86":"a #2",
  527. "87":"a #2",
  528. "88":"a #2",
  529. "89":"a #2",
  530. "90":"a #2",
  531. "91":"a #2",
  532. "92":"a #2",
  533. "93":"a #2",
  534. "94":"a #2",
  535. "95":"a #2",
  536. "96":"a #2",
  537. "97":"a #2",
  538. "98":"a #2",
  539. "99":"a #2",
  540. "100":"a #2",
  541. "101":"a #2",
  542. "102":"a #2",
  543. "103":"a #2",
  544. "104":"a #2",
  545. "105":"a #2",
  546. "106":"a #2",
  547. "107":"a #2",
  548. "108":"a #2",
  549. "109":"a #2",
  550. "110":"a #2",
  551. "111":"a #2",
  552. "112":"a #2",
  553. "113":"a #2",
  554. "114":"a #2",
  555. "115":"a #2",
  556. "116":"a #2",
  557. "117":"a #2",
  558. "118":"a #2",
  559. "119":"a #2",
  560. "120":"a #2",
  561. "121":"a #2",
  562. "122":"a #2"
  563. },
  564. "ios_saf":{
  565. "3.2":"n",
  566. "4.0-4.1":"n",
  567. "4.2-4.3":"n",
  568. "5.0-5.1":"n",
  569. "6.0-6.1":"n",
  570. "7.0-7.1":"n",
  571. "8":"n",
  572. "8.1-8.4":"n",
  573. "9.0-9.2":"n",
  574. "9.3":"n",
  575. "10.0-10.2":"n",
  576. "10.3":"n",
  577. "11.0-11.2":"n",
  578. "11.3-11.4":"a #1",
  579. "12.0-12.1":"a #1",
  580. "12.2-12.5":"a #1",
  581. "13.0-13.1":"a #1",
  582. "13.2":"a #1",
  583. "13.3":"a #1",
  584. "13.4-13.7":"a #2",
  585. "14.0-14.4":"a #2",
  586. "14.5-14.8":"a #2",
  587. "15.0-15.1":"a #2",
  588. "15.2-15.3":"a #2",
  589. "15.4":"a #2",
  590. "15.5":"a #2",
  591. "15.6-15.8":"a #2",
  592. "16.0":"a #2 #3",
  593. "16.1":"a #3",
  594. "16.2":"a #3",
  595. "16.3":"a #3",
  596. "16.4":"a #3",
  597. "16.5":"a #3",
  598. "16.6-16.7":"a #3",
  599. "17.0":"y",
  600. "17.1":"y",
  601. "17.2":"y",
  602. "17.3":"y",
  603. "17.4":"y",
  604. "17.5":"y",
  605. "17.6-17.7":"y",
  606. "18.0":"y",
  607. "18.1":"y",
  608. "18.2":"y",
  609. "18.3":"y",
  610. "18.4":"y",
  611. "18.5-18.6":"y",
  612. "26.0":"y",
  613. "26.1":"y"
  614. },
  615. "op_mini":{
  616. "all":"n"
  617. },
  618. "android":{
  619. "2.1":"n",
  620. "2.2":"n",
  621. "2.3":"n",
  622. "3":"n",
  623. "4":"n",
  624. "4.1":"n",
  625. "4.2-4.3":"n",
  626. "4.4":"n",
  627. "4.4.3-4.4.4":"n",
  628. "139":"a #2"
  629. },
  630. "bb":{
  631. "7":"n",
  632. "10":"n"
  633. },
  634. "op_mob":{
  635. "10":"n",
  636. "11":"n",
  637. "11.1":"n",
  638. "11.5":"n",
  639. "12":"n",
  640. "12.1":"n",
  641. "80":"a #2"
  642. },
  643. "and_chr":{
  644. "139":"a #2"
  645. },
  646. "and_ff":{
  647. "142":"a #2"
  648. },
  649. "ie_mob":{
  650. "10":"n",
  651. "11":"n"
  652. },
  653. "and_uc":{
  654. "15.5":"a #1"
  655. },
  656. "samsung":{
  657. "4":"n",
  658. "5.0-5.4":"n",
  659. "6.2-6.4":"n",
  660. "7.2-7.4":"n",
  661. "8.2":"n",
  662. "9.2":"a #1",
  663. "10.1":"a #1",
  664. "11.1-11.2":"a #1",
  665. "12.0":"a #1",
  666. "13.0":"a #1",
  667. "14.0":"a #1",
  668. "15.0":"a #2",
  669. "16.0":"a #2",
  670. "17.0":"a #2",
  671. "18.0":"a #2",
  672. "19.0":"a #2",
  673. "20":"a #2",
  674. "21":"a #2",
  675. "22":"a #2",
  676. "23":"a #2",
  677. "24":"a #2",
  678. "25":"a #2",
  679. "26":"a #2",
  680. "27":"a #2",
  681. "28":"a #2"
  682. },
  683. "and_qq":{
  684. "14.9":"a #1"
  685. },
  686. "baidu":{
  687. "13.52":"a #2"
  688. },
  689. "kaios":{
  690. "2.5":"a #1",
  691. "3.0-3.1":"a #2"
  692. }
  693. },
  694. "notes":"",
  695. "notes_by_num":{
  696. "1":"Partial support refers to [severe implementation bugs](https://hiddedevries.nl/en/blog/2018-04-21-more-accessible-markup-with-display-contents) that renders content inaccessible for many element types.",
  697. "2":"Buttons are not accessible with `display: contents` applied. See issues for [Chromium](https://bugs.chromium.org/p/chromium/issues/detail?id=1366037), [Firefox](https://bugzilla.mozilla.org/show_bug.cgi?id=1791648), and [WebKit](https://bugs.webkit.org/show_bug.cgi?id=255149)",
  698. "3":"HTML tables and nodes with ARIA roles `directory`, `grid`, `treegrid`, `table`, `row`, `gridcell`, `cell`, `columnheader`, `tree`, and `treeitem` are not accessible with `display: contents` applied. See WebKit bugs [239478](https://bugs.webkit.org/show_bug.cgi?id=239478), [239479](https://bugs.webkit.org/show_bug.cgi?id=239479), [239478](https://bugs.webkit.org/show_bug.cgi?id=239478), and [257458](https://bugs.webkit.org/show_bug.cgi?id=257458)"
  699. },
  700. "usage_perc_y":10.48,
  701. "usage_perc_a":84.69,
  702. "ucprefix":false,
  703. "parent":"",
  704. "keywords":"",
  705. "chrome_id":"5663606012116992",
  706. "shown":true
  707. }