overflow-hidden-wrapped-into-css-translate.html 625 B

1234567891011121314151617181920212223242526272829303132
  1. <!DOCTYPE html><style type="text/css">
  2. body {
  3. width: 500px;
  4. height: 500px;
  5. position: relative;
  6. border: 1px solid black;
  7. }
  8. #translation {
  9. position: absolute;
  10. top: 50%;
  11. width: 300px;
  12. transform: translate(0px, -50%);
  13. }
  14. #box {
  15. width: 300px;
  16. height: 300px;
  17. background-color: magenta;
  18. cursor: pointer;
  19. }
  20. #hidden-overflow {
  21. overflow: hidden;
  22. }
  23. </style><div id="translation"><div id="hidden-overflow"><div id="empty-wrapper"><div id="box">
  24. <script src="../include.js"></script>
  25. <script>
  26. test(() => {
  27. printElement(internals.hitTest(100, 400).node);
  28. });
  29. </script>