| 1234567891011121314151617181920212223242526272829303132 |
- <rml>
- <head>
- <title>Overflow in absolutely positioned input</title>
- <link type="text/rcss" href="../style.rcss"/>
- <link rel="GitHub issue #143" href="https://github.com/mikke89/RmlUi/issues/143" />
- <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." />
- <style>
- body {
- background: #ddd;
- color: #444;
- }
- input {
- background: #aaaaff;
- position: absolute;
- }
- div.hover {
- display: block;
- width: 50dp;
- background: #aaffaa;
- }
- div.hover:hover {
- overflow: hidden;
- }
- </style>
- </head>
- <body>
- <input type="text" value="a bunch of text that's longer than the input" />
- <br/><br/>
- <div class="hover">hover here</div>
- </body>
- </rml>
|