Skip to main content
246 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
77 views

When I started learning AngularJs i ran into something weird in a component when i write a click event and get send the $event as the parameter the type of event has to be MouseEvent in the TS file, ...
Sajjad-Kazemi's user avatar
  • 29
0 votes
0 answers
55 views

Use case: User should be able to draw hand signature on any tablet using web app, however only a digital pen should be allowed for drawing. Can the aforementioned requirement be reliably implemented ...
Linas's user avatar
  • 722
0 votes
1 answer
68 views

When I add pointer-events:none; to video (just to temporarily disable controls), if focus is on play button, spacebar still triggers play. is this intended behavior? what would be the cleanest to ...
Toniq's user avatar
  • 5,158
0 votes
0 answers
41 views

In the snippet below, the circle disappears if either (1) I click inside the circle and move the mouse or (2) I click outside the circle and move the cursor into the circle while holding down the ...
Stephen Powell's user avatar
  • 153
0 votes
0 answers
41 views

After a long search I couldn't find a way to prevent screen capture (there is only drm for videos and not free). So, Can we use gotpointercapture event because it has a pointerType property and its ...
Mahmood's user avatar
  • 1
2 votes
0 answers
188 views

I'm working on a browser extension that creates artificial pointer events and sends them into the page using dispatchEvent like so: function myCreatePointerEvent(pointerId, isPrimary, screenX, screenY,...
Bri Bri's user avatar
  • 1,992
1 vote
2 answers
474 views

I'm trying to create a dropdown list of buttons that only show up when the mouse pointer hover on the first button that is not hidden, and the dropdown list disappear when pointer leave when it no ...
Tana's user avatar
  • 11
2 votes
1 answer
620 views

I'm writing a cross-platform JavaScript-based drawing tool and run into severe problems on Linux. First, Google Chrome's pointer events do not distinguish between the regular tip and the eraser end. ...
user22495's user avatar
  • 65
2 votes
5 answers
135 views

I'm working on a portfolio website and want to click a few buttons towards the middle of the page that reference course names, but I'm unable to click through the element, even with pointer-events:...
Elsa's user avatar
  • 45
1 vote
1 answer
86 views

I'm trying to let users change some dot colours on a d3.js SVG chart. It seems current element index is not being updated continuously in the pointermove event function on touch while for example ...
ALx's user avatar
  • 639
1 vote
1 answer
465 views

I am trying to create a drag and drop feature that is a child component within a modal where the currently dragged item follows the position of the mouse, however, the position of the mouse is being ...
Stéfan Martin's user avatar
  • 23
-1 votes
1 answer
60 views

I have a div with several SVG's textPaths that are overlapped with a position absolute. The problem is that I can hover and click in all of them in Google Chrome, but not in Safari (the ...
a.tr.a.tr.a.tr's user avatar
  • 17
0 votes
1 answer
1k views

Trying to get event handling correct for a web app that should work equally well with mouse and touch events, I started using pointer events where mouse and touch handling should be basically the same....
Harald's user avatar
  • 5,277
1 vote
2 answers
2k views

I am new to javascript and web development a whole, so I am sure there is a concept I am missing here and hopefully an easy way to fix this. I am using pointer events for drag and drop and it seems ...
user22911026's user avatar
  • 11
-1 votes
1 answer
418 views

I'm creating a mobile landing page by using a combination of two third-party pages embedded in iframes. One of the iframes has been optimized to display a volume button in 50x50 dimensions. The ...
Alex1987's user avatar
  • 7
0 votes
1 answer
51 views

I have below code: <div className="my-div" /> <button className="my-btn1">this button should be clickable</button> <...
Sobhan Shamseddini Lori's user avatar
  • 51
0 votes
2 answers
349 views

I have an anchor element that has several children inside. Requirements changed and now anchor might or might not have a link on it. The easiest way to change it would be to disable click events for ...
budgiebeaks's user avatar
  • 161
0 votes
1 answer
678 views

I have 4 elements on top of each other, with the following opacity settings (from bottom to top): id - 0 id - 0 div - 1 text - 1 I need that by hover element 2, the changes of the opacity settings ...
Gaya Gal's user avatar
  • 1
0 votes
0 answers
557 views

Many components, such as Dialog, MenuBar, ComboBox, DatePicker, TimePicker and etc, use an ovverlay when it is opened. For example, when a menu item is clicked, menu is shown, and an overlay is added ...
aha's user avatar
  • 33
0 votes
1 answer
283 views

We have a third party application (launch button only) which is always shown on top most in our application. It works fine except for modal dialogs which prevent interaction. After some digging, we ...
aha's user avatar
  • 33
0 votes
0 answers
44 views

In following Next.js Component i want to add hover effects to the .itemCard and the button only. Those two must have diffent hover effects. (ex- itemcard will have a box-shadow effect and the button ...
Ramesh Madara's user avatar
  • 13
4 votes
1 answer
2k views

Writing a rich web application I have the need to support all types of users, some are using a mouse, some are using a touch screen (e.g. on a mobile device). So the W3C PointerEvent API is exactly ...
Chris's user avatar
  • 3,435
1 vote
0 answers
128 views

I have a FlatList in React Native with fullscreen image and video items (with pagingEnabled). I want to have a short descriptive touchable text floating on top of the FlatList, to open up a view with ...
Andain's user avatar
  • 163
-1 votes
1 answer
818 views

I am just trying to draw on my phone using "pointer" events. This works on my desktop with my mouse, but not on my (android) phone. I should be able to draw curved lines, but dragging with ...
dcromley's user avatar
  • 1,428
1 vote
1 answer
47 views

I have some very simple HTML that looks like <div id="parent"> <a href='#link' id="child">Child</a> </div> I want to style the parent when hovering ...
Simon Maurer's user avatar
  • 13
0 votes
5 answers
3k views

I've been getting this error in mac M1 laptop , meanwhile it is fine with my other device I've been stuck here and cant fix these error , please help Also there is this error "Requiring module &...
Jzx Naga's user avatar
  • 81
2 votes
1 answer
102 views

I have a React application in which I have a transparent div covering text. The transparent div acts as a dropzone for draggable elements. There are also some children elements that may contain some ...
Bud Linville's user avatar
  • 483
0 votes
0 answers
71 views

How do I fix this so that the tool tip is able to be seen? If I remove pointer-effects, then the video is not able to be clicked. How the code works is, you click on the play image and a video appears....
user avatar
1 vote
1 answer
281 views

I have a simple SVG that contains a triangle and toggles its fill color when it's clicked: const toggleFill = (element) => { if (element.style.fill === 'silver') { element.style.fill = '...
Altay_H's user avatar
  • 636
1 vote
0 answers
390 views

I'm using React, and have a material UI Card that toggles on and off when clicked. I am trying to 1) get the card to toggle on/off correctly if the user long-presses it, and 2) disable the card ...
ku-hps's user avatar
  • 11
6 votes
0 answers
2k views

I am trying to make readonly, but not disable, all types of form element only using css and html (i.e. no javascript). Some things (like inputs) are easy - the readonly attribute on the input does it. ...
Ben Holness's user avatar
  • 2,745
1 vote
0 answers
197 views

Disclaimer: I have found a working solution, this question is more of a RFC from a frontend newbie to the more experienced folks to see if there may a better solution and/or issues with the workaround ...
xerj's user avatar
  • 11
1 vote
1 answer
961 views

I am trying to create a custom cursor on a website (a blurry yellow spot). I created a div in HTML for the custom cursor and styled it in CSS. I gave the 'cursor: none' property to the body tag to ...
Curious Programmer's user avatar
  • 31
0 votes
1 answer
315 views

I try to do arrow polyline (like here https://developer.here.com/documentation/maps/3.1.30.17/dev_guide/topics/routing.html -> Show route direction arrows). And I want to add to this routeLine ...
Eva's user avatar
  • 214
0 votes
1 answer
407 views

I have dynamically created a chess board using JavaScript with all the pieces in their starting squares. I have worked out how to get the pieces to move around on the board but cannot figure out how ...
sexton67357's user avatar
  • 1
0 votes
0 answers
184 views

In my testing so far Chrome with mobile inspector or actual Android phone (my Pixel 6) both are experiencing incorrect dragging behavior if there is an overlapping element that has pointer-events: ...
Clay Cooper's user avatar
  • 101
1 vote
1 answer
806 views

I'm trying to create a very basic sketch pad using an HTML Canvas and pointer events. I've implemented a very basic codepen that demonstrates the issue at hand. The key functionality draws a red dot ...
cemulate's user avatar
  • 2,333
1 vote
1 answer
2k views

I'm trying to come up with a cross-device code that handles pointer events. I'm running this code successfully on Chrome/Android (using USB debugging), but the Chrome desktop just acts up and keeps ...
user776686's user avatar
  • 8,798
1 vote
0 answers
99 views

I am getting the above mentioned exception in PointerPressed that too only in the case of MFC application hosted using XAML Islands. In normal UWP application it is working fine. Essentially no other ...
LeJackArcher's user avatar
  • 67
2 votes
0 answers
437 views

I tried to use Pointer Events to handle both stylus pen and finger touch simultaneously on touchscreen like phone, tablet. The use case is when drawing using pen, user can use finger for quick ...
Kay's user avatar
  • 21
12 votes
1 answer
22k views

I'm building an interface that should work with mouse or touch. My user may have difficulty hitting their desired target because of a variety of physical issues. Pointer events seem perfect for this ...
GaryBishop's user avatar
  • 3,922
1 vote
1 answer
713 views

I currently have two pointer events which essentially do the same thing: gameState.idle.on('pointerout', function(){ scene.sys.canvas.style.cursor = 'default'; gameState.pet_cursor.alpha = 0; }...
alex's user avatar
  • 619
2 votes
0 answers
206 views

I'd like to support multi touch and pen/stylus input for my application using Pointer Events. Is there a way to debug touch/pen input on a desktop without any input hardware like this? I would like to ...
Jespertheend's user avatar
  • 2,420
6 votes
2 answers
3k views

I'm trying to build a React app where a user touches one element and then moves to a neighboring element while still holding down. The pointerover and pointerenter events fire when the user touches ...
skedwards88's user avatar
  • 419
0 votes
0 answers
639 views

End Goal: I'm trying to manipulate an element inside an svg from a library I'm using. The element has drag and drop capabilities, but also shows a pop-up on click. I would like to disable the drag and ...
Kyle Daines's user avatar
  • 1
3 votes
0 answers
712 views

I have noticed that while listening to both drag events and pointer events, when drag starts, the pointer events are not caught. <div id="canvas" draggable="true" ondragstart=&...
Souymodip Chakraborty's user avatar
  • 31
0 votes
4 answers
1k views

I have an anchor link that was inbuilt with a <i> tag, as I know we can disable/prevent click with different methods on the anchor tag. But my question arises can we prevent the click only for &...
Script Host's user avatar
  • 911
2 votes
1 answer
2k views

I'm currently trying to get a similar touch/stylus behaviour to Squid (the notetaking app). I have used the PointerEvent API and it all works, except for one annoying issue: After I put down the ...
leonhma's user avatar
  • 299
2 votes
0 answers
567 views

The pinch/zoom example on MDN using PointerEvents looks easy enough, yet looking a bit closer, I wonder about the following. If two touching fingers are moved simultaneously with fixed distance, I ...
Harald's user avatar
  • 5,277
15 votes
1 answer
2k views

In Safari on iOS 15, links that are in a container that has pointer-events: none; applied, don't become tappable when pointer-events is set to all dynamically at a later stage. Actually, in some cases ...
Senne's user avatar
  • 483

1
2 3 4 5