| Scott Violet | a919c9b | 2019-11-05 20:57:53 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <link rel="help" href="https://crbug.com/1015987"> |
| 3 | <link rel="match" href="webkit-box-clamp-visibility-change-ref.html"> |
| 4 | <style> |
| 5 | #wb { |
| 6 | display: -webkit-box; |
| 7 | -webkit-box-orient: vertical; |
| 8 | -webkit-line-clamp: 3; |
| 9 | overflow: hidden; |
| 10 | } |
| 11 | </style> |
| 12 | <p>Line-clamp should be respected after removing and changing visibility. |
| 13 | <div id="root" style="border: solid; width: 200px;"> |
| 14 | <div id="container"> |
| 15 | <p id="wb"> |
| 16 | text text text text |
| 17 | text text text text |
| 18 | text text text text |
| 19 | text text text text |
| 20 | text text text text |
| 21 | text text text text |
| 22 | text text text text |
| 23 | </p> |
| 24 | </div> |
| 25 | </div> |
| 26 | <script> |
| 27 | const container = document.getElementById('container'); |
| 28 | const root = document.getElementById('root'); |
| 29 | container.remove(); |
| 30 | container.style.visibility = 'hidden'; |
| 31 | root.appendChild(container); |
| 32 | document.body.offsetTop; |
| 33 | container.style.visibility = ''; |
| 34 | </script> |
