the issue we are facing is that the mouse cursor disappears when a user is using the app in a safari on MAC. The app UI is in flex 4actionscript running in the flash player.
So whenever the cursor hovers over an HDividedBox draggable divider the cursor changes and on returning to the advanced data grid it disappears.
We thought of replacing that with a custom cursor written in javascript, which would have been worked, but we also have an iframe embedded in the flash movie.
The custom javascript cursor listens for mousemove in the parent div holding the swf and updates its position however the JS script is not usable as the user hovers over an iframe and it does not bubble up the mouse move event.
Looking for an alternate solution now.
Related
I have a form inside an Angular Material Dialog component. My problem is that when an input field gets focus, the keyboard opening in mobile devices covers the input field the user wants to write into.
When the keyboard opens the main body of the HTML gets az appropriate margin-bottom, however, this does not apply to the dialog's wrapper (cdk-overlay-container), since it's position is fixed.
My ideas:
1, Changing from fixed to absolute could solve my problem, however since my main container is a huge scroll-container, that would only work if I scroll to the top programmatically, which I don't really like.
2, If I could detect that a keyboard was opened, I could add a class to a parent container, however, I'm not sure how to do this without attaching an event to every input field we have, which feels ugly and unnecessarily heavy (since I'd have to send events to notify other components). I would also need to know the size of the keyboard, which I'm not sure is possible.
The issue occurs on both Android and iOS.
I have a scrollable text div in UWP app, when run on local machine, it scrolls fine but when deplyed to xbox, the scrollbar disappears and div becomes unscrollable. I've already set overflow-y: scroll. Any other setup I need to do to make it work with gamepad?
For both XAML and hosted web apps running on Xbox One, mouse mode is turned on by default for the entire app. When under mouse mode, left stick is for free mode, right stick is for scrolling as the following picture shows.
(source: s-msft.com)
So you can scrolling by right stick or move the pointer cursor to the scroll bar and press A button to let the scroll bar work. The left stick should not allow you to scroll until you disable the mouse mode , for how to disable the mouse mode please reference How to disable mouse mode.
<script src="directionalnavigation-1.0.0.0.js"></script>
navigator.gamepadInputEmulation = "gamepad";
More details please reference Mouse mode section of the Designing for Xbox and TV article.
What I've done is have an image layer over a flash that uses my webcam to take a snapshot. I positioned the image correctly over the flash with position: absolute. And added wmode: transparent to my flash embedding.
Then I need my mouse clicks to be forwarded to my flash content, so my users can allow their webcams to be used. I added point-events: none; to my overlaying image.
The situation here is that everything's displaying correctly cross-browsers, but only on chrome (Windows and Mac) I'm able to click on the "allow" button and actually be able to use my webcam. On Safari, Firefox, IE, they are not letting me click on allow.
I'm wondering if there are known issues with point-events for accessing an underlying flash item, or I'm just having problems with my flash player. Since if I switch my flash to a clickable button underneath my overlaying image, it works perfectly fine.
i use lightbox for pop up thembs (in modal window)
in the same page i have an applet object showing 360 animated photos
when i click on any thumb the modal window is loded over the elements of the
page instead of the applet...
iknow the "hack" ( ) for flash objects but
it does not work for my java applet
It's not possible to position anything on top of an applet. However, there's a very ugly hack to do so.
More info: Java Applet z-index on Safari and beyond
I set a custom cursor using the CursorManager on a sprite's mouse down event.
The custom cursor is shown. However, when I keep the mouse pressed the system cursor shows as well and is flickering.
Any idea how to prevent this?
I've tried:
- higher cursor priorities
- preventing the default in the mouse down event
nothing seems to work.
Changing the cursor just on mouse over works fine.
Thanks
Stefan
PS:
- Safari on Mac
- Flash debug player 10.0.2.54