GUNROX
is a hardcore old-school turn-based PvP game with full loot drop where
you can take all of your opponent's equipment after killing him
Home
»
«
Bug Reports
» iPad PWA bug – full screen blue overlay when dragging with mouse
iPad PWA bug – full screen blue overlay when dragging with mouse
Status:
Rejected
Severity:
Minor
Reproducibility:
Always
Reply
|
This post created by ignored player and thus hidden.
Double click to show.
|
Issue:
Dragging with a mouse causes a full-screen blue overlay Steps to reproduce: - Open the game as PWA on iPad
- Use a mouse
- Click and drag from the top-left area
- Entire screen turns blue
Please fix this issue, it is very very annoying on IPad web browser
Reported by ivan.
Edited 1 minute later by ivan.
|
|
This post created by ignored player and thus hidden.
Double click to show.
|
![]()
|
Using iPad with a mouse is an extremely niche use case. I don't have an iPad, let alone with a mouse to reproduce it.
|
|
This post created by ignored player and thus hidden.
Double click to show.
|
![]()
|
Using iPad with a mouse is an extremely niche use case. I don't have an iPad, let alone with a mouse to reproduce it.
I think the issue is that the game does not properly capture mouse drag input on iPadOS. When holding left click and dragging with an external mouse, iPadOS starts its own blue selection overlay instead of treating it as in-game input like mark all text. You probably need to disable the default iPadOS select behavior and properly capture pointer drag events while the mouse button is held.
|
|
Status:
Rejected
Severity:
Minor
Reproducibility:
Always
Reply
Download
Play Now
GUNROX is a hardcore old-school turn-based PvP game with full loot drop where
you can take all of your opponent's equipment after killing him
.lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;right:0;left:0;padding:15px 17px;z-index:3}.lazyframe__title::after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe::before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]::before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]::before{padding-top:75%}.lazyframe[data-ratio="1:1"]::before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor="youtube"],.lazyframe[data-vendor="youtube_nocookie"]{background-color:#e52d27;font-family:Roboto, Arial, Helvetica, sans-serif}.lazyframe[data-vendor="youtube"] .lazyframe__title,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title{color:#eee;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor="youtube"] .lazyframe__title:hover,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor="youtube"] .lazyframe__title::before,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title::before{content:"";display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lazyframe[data-vendor="youtube"]::before,.lazyframe[data-vendor="youtube_nocookie"]::before{padding-top:56.25%}.lazyframe[data-vendor="youtube"]::after,.lazyframe[data-vendor="youtube_nocookie"]::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor="youtube"]:hover::after,.lazyframe[data-vendor="youtube_nocookie"]:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");opacity:1}.lazyframe[data-vendor="vimeo"]{background-color:#00adef}.lazyframe[data-vendor="vimeo"] .lazyframe__title{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0.5)}.lazyframe[data-vendor="vimeo"]::before{padding-top:48.25%}.lazyframe[data-vendor="vimeo"]::after{content:"";height:40px;width:65px;display:block;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor="vimeo"]:hover::after{background-color:#00adef}.lazyframe[data-vendor="vine"]{background-color:#00bf8f}.lazyframe[data-vendor="vine"] .lazyframe__title{color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;position:relative}.lazyframe[data-vendor="vine"] .lazyframe__title::after{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background-image:linear-gradient(to top, rgba(23,23,23,0) 0, rgba(23,23,23,0.7) 100%)}.lazyframe[data-vendor="vine"]::before{padding-top:100%}.lazyframe[data-vendor="vine"]::after{content:"";width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='136' viewBox='0 0 136 136'%3E%3Cpath fill='%23FFF' d='M56 44c-.7 0-1.4.2-2 .5-1.2.8-2 2-2 3.5v40c0 1.4.8 2.8 2 3.5.6.3 1.3.5 2 .5s1.4-.2 2-.5l34.6-20c1.3-.7 2-2 2-3.5 0-1.4-.7-2.8-2-3.5L58 44.5c-.6-.3-1.3-.5-2-.5z'/%3E%3C/svg%3E");background-color:rgba(0,0,0,0.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor="vine"]:hover::after{background-color:rgba(0,0,0,0.75)}
