Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Having a cursor issue when near the top of a frameless window #6109

Open
oimyounis opened this issue Aug 18, 2017 · 1 comment
Open

Having a cursor issue when near the top of a frameless window #6109

oimyounis opened this issue Aug 18, 2017 · 1 comment
Assignees
@rogerwang
Labels
bug P3 platform-specific triaged

Comments

@oimyounis
Copy link

oimyounis commented Aug 18, 2017 •
edited

Hello everyone,
I'm having a really annoying issue that I can't get around or find a fix for.

NWJS Version : SDK v0.24.3
Operating System : macOS Sierra 10.12.6

Expected behavior

If you have a class on some element near the top of a frameless window that sets the "cursor" css property to "pointer" on hover then you should get the changed cursor when you hover it, which doesn't happen.

Actual behavior

When you put an element near the top of a window (frameless) and have the cursor change when hovered, it doesn't work and the cursor stays at the "default" state.

How to reproduce

  1. Create a frameless window.
  2. Put an HTML element at the very top of the window.
  3. Set its cursor to "pointer" when hovered.
  4. Hover over it.

This does not happen if the window has a frame!
Is this really a problem or am I doing something wrong or is this how it should be?

EDIT: Works fine on linux, seems like a macOS problem.
@Christywl
Copy link
Contributor

Christywl commented Aug 21, 2017 •
edited

I can reproduce this issue on Mac with nwjs-sdk-v0.24.3. It works fine on Linux/Windows.
package.json:

{
  "name": "6109",
  "main": "index.html",
  "window":{"frame":false}
}

index.html:

<!DOCTYPE html>
<html>
<body>
<span style="cursor:crosshair">crosshair</span><br>
<span style="cursor:default">default</span><br>
<span style="cursor:crosshair">crosshair</span><br>
<span style="cursor:e-resize">e-resize</span><br>
<span style="cursor:grab">grab</span><br>
<span style="cursor:help">help</span><br>
<span style="cursor:move">move</span><br>
<span style="cursor:n-resize">n-resize</span><br>
<span style="cursor:ne-resize">ne-resize</span><br>
<span style="cursor:nw-resize">nw-resize</span><br>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor:progress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:se-resize">se-resize</span><br>
<span style="cursor:sw-resize">sw-resize</span><br>
<span style="cursor:text">text</span><br>
</body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@rogerwang rogerwang

Labels
bug P3 platform-specific triaged
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@rogerwang @oimyounis @Christywl