issue_143_overflow_in_absolutely_positioned_input.rml 811 B

1234567891011121314151617181920212223242526272829303132
  1. <rml>
  2. <head>
  3. <title>Overflow in absolutely positioned input</title>
  4. <link type="text/rcss" href="../style.rcss"/>
  5. <link rel="GitHub issue #143" href="https://github.com/mikke89/RmlUi/issues/143" />
  6. <meta name="Description" content="The contents of input text element (purple) should always be clipped and never overflow. The also applies when hovering the mouse cursor over the designated area." />
  7. <style>
  8. body {
  9. background: #ddd;
  10. color: #444;
  11. }
  12. input {
  13. background: #aaaaff;
  14. position: absolute;
  15. }
  16. div.hover {
  17. display: block;
  18. width: 50dp;
  19. background: #aaffaa;
  20. }
  21. div.hover:hover {
  22. overflow: hidden;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <input type="text" value="a bunch of text that's longer than the input" />
  28. <br/><br/>
  29. <div class="hover">hover here</div>
  30. </body>
  31. </rml>