Ticket #119 (closed defect: fixed)
Cursor disappears on iPad
| Reported by: | mbhortman@… | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | Dumb Mud |
| Component: | guacamole | Version: | unstable |
| Keywords: | Cc: | frank.la | |
| Points: |
Description
The overflow:hidden; line for .software-cursor in client.css is causing the cursor to disappear on iPad. Commenting it out brought it back for me.
Attachments
-
libguac-client-test-reference.png
(62.7 KB) -
added by mike.jumper 14 months ago.
- libguac-client-test reference image
Change History
comment:1 Changed 14 months ago by mike.jumper
- Cc frank.la added
- Owner set to mike.jumper
- Status changed from new to assigned
- Milestone set to Alpha 3
comment:2 Changed 14 months ago by mike.jumper
Odd that overflow: hidden would hide the cursor while the cursor is still within its parent... The rationale for adding that rule (changeset:6989847/guacamole) was that without overflow: hidden, the cursor follows the mouse past the boundary of its parent, thus extending the boundary of its parent, and causing mouse events outside the display.
Will have to test whether this affects iPhone as well. Hopefully there is a fix that does not involve removing the overflow: hidden rule. That's a rather key feature of CSS to not have available.
Changed 14 months ago by mike.jumper
-
attachment
libguac-client-test-reference.png
added
libguac-client-test reference image
comment:4 in reply to: ↑ 3 Changed 14 months ago by mike.jumper
Replying to frank.la:
Bug reproduced on the iPhone.
Frank, I've added a new connection to your account on test1 called "libguac-client-test". Can you see whether it looks like the reference image below? Specifically, whether the blue test cat is visible? You might have to scroll around to see the whole thing...
comment:6 in reply to: ↑ 5 Changed 14 months ago by mike.jumper
Replying to frank.la:
I see it.
Hm... the test cat is in a small 256x256 layer which is absolutely positioned within the parent (default) layer just like the cursor layer, and the styling of the parent layer of the cat also has overflow: hidden, just as the parent div of the cursor layer has overflow: hidden.
So while removing overflow: hidden is sufficient to fix the cursor layer, adding overflow: hidden is not sufficient to break layers in the general case.
