I have added a couple of menu items to my new project and added the ability to toggle fullscreen mode in mac by setting the EAGLView to fullscreen.
However when i toggle to fullscreen and try to click on the menu items the click area is out of place.
What is the best way to deal with this?
Thanks
Related
I'm trying to make an app that renders in a webkit better to use with screen readers. It's mostly working well the only issue is the menu bar that appears at the bottom of the screen is not working correctly. When the app is scrolled to the top it works fine. BUt when it's scrolled down the box that appears around the button when tapped appears above the button. The box moves more the more the page is scrolled and double tapping does not activate it. Is there a way to tell the screen reader the element is in a fixed position?
Thanks for the help!
I am using a bootstrap modal for an web app designed mainly for tablets. When opening the modal in either portrait or landscape mode, the display is ok. However, if I open the modal in one of the modes and then rotate the table to the other, all visual effects respond ok, apart from the backdrop, and because of it, the modal dialog is out of position too:
Is there any way to solve this or workaround?
I need to right click on an element and go to inspect element.
I have tried to right click but since its a touch device emulator that action doesn't make sense, the dropdown doesn't appear.
It works fine when i am not in the emulator mode checking for things, but when i am in the emulator for touch devices (ipad, iphone, galaxy), I lose the right click.
How do it make chrome open that html tag just like the inspect element, so i don't have to dig through the html trying to find the element i want?
thanks in advance! :)
Left click and hold on the element in the emulation window.
The context menu will then appear, and you'll need to move your mouse to Inspect Element before releasing the click to activate it.
You can use either the magnifying glass in the top left corner of the developer tools, or you could turn off the touch sensor emulation by going to Emulation|Sensors|Emulate touch screen and turn it back on after you find your element.
I am using Bootstrap 3 on a site and I found a weird bug that I can't figure out. It deals with the mobile menu on smaller devices. When I view the site on iOS I can see the menu icon appear, but when I click on the icon the menu does not show up. However, if I then click an area where the menu should appear, the link works and takes me to a page.
To add another variable to the problem, when I view it in chrome with the dev tools acting as iOS and the screen small, the menu shows up and works as intended. So I am at a loss how to debug the issue.
I have tried setting the z-index to 1000 with no luck. I have not been able to find documentation regarding this issue. If you have run into this issue or know where there is documentation for it I would really appreciate some help.
Here is a link to the site with the issue(on mobile devices). http://dd.cakeandeatitdesigns.com
Thank you for your time and help!
Hey in my personal experience working with that it could happened when you open your web page with safari in IOS. I don't know what are you using to show the lateral menu, but some times safari doesn't work with certain js.
Is it possible add a functionality in the extension that when you mouse over the left edge of Chrome window a menu with some options (what options is not important now) will slide out?
no, Chrome does not have API to show such panel or handle such kind of event. The only possible workaround is to add you own div to left side of each webpage and show such pane as part of the webpage