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.

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

Issues with position: absolute; #11

Closed
voltangle opened this issue Jun 8, 2020 · 4 comments
Closed

Issues with position: absolute; #11

voltangle opened this issue Jun 8, 2020 · 4 comments
Assignees

Comments

@voltangle
Copy link

Hi. I use your JoyStick project for controlling my robot over internet, just by opening web page. Issue is: I can't place joy at the bottom of the screen using:

position: relative;
bottom: 0;

because it starts to behave not normal. Without this, controller won't be usable (technically usable, you can click on buttons and move joy, but they will be sitting on top of the screen, which is uncomfortable)

@voltangle
Copy link
Author

voltangle commented Jun 8, 2020

UPDATE: I realized that when moving this object using position: absolute; JoyStick still thinks that it is in original position, for example: I moved joystick to the bottom of the screen to make it more usable on touch screen, and when I drag it and move cursor to its original position, it behaves like it ment to be(on original position). So I think this is the cause of problem. I will soon update this comment with a video showcase.

bobboteck added a commit that referenced this issue Jun 10, 2020
@bobboteck
Copy link
Owner

Hi @GGorAA, I'm happy to declare this issue closed, now you can use FIXED or ABSOLUTE position in the CSS style.
See the example of implementation here: https://bobboteck.github.io/joy/joy.html
Have fun using the joystick!

@bobboteck bobboteck self-assigned this Jun 10, 2020
@voltangle
Copy link
Author

voltangle commented Jun 10, 2020

Thanks! Now I can make UI of controller a lot more usable)

@voltangle
Copy link
Author

Tested. Nope, doesn't work: #12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants