I have a page containing a jqxgrid from JQWidgets, which is bigger than the screen size of my mobile phone. If I want to swipe the grid to the left to see the content on the right part I have to swipe on an area outside of the grid.
Now if it happens that the grid covers the whole screen and I do not see any area outside of it I cannot swipe at all any more to see any other part of the grid/page
I tried selectionmode: 'none', enablehover: false, but it did not make any difference for the swiping.
I just installed the latest version 8.3.2 of the 12 jqxgrid files. -> Same
What I just discovered: If I start swiping the screen by touching an area outside of the grid and then while the screen is still moving I quickly place my finger on top of the grid and continue swiping it works. However as soon as the screen stops moving I cannot start moving it any more by swiping on the grid
The problem was with the version of the JQWidgets. I had version 4.1.2 installed. I replaced it with version 8.3.2 (the whole package had to be replaced not just the jqxgrid files) and now it works fine.
Related
I followed the quick start for the dnd kit React library, and it lets me drag and drop just fine with a mouse. However, when I try to use the same page with Chrome on Android, I can't drag the item. It looks like it starts moving and then gets stuck as soon as my finger moves outside its original border.
I tried switching to the drag overlay, but that didn't seem to make any difference.
How can I support touch users with dnd kit?
It wasn't covered in the quick start, but I found the answer in the Draggable section's recommendations:
In general, we recommend you set the touch-action property to none for draggable elements in order to prevent scrolling on mobile devices.
I found that I could either set the CSS style on the draggable element itself, or on a parent element that contains several draggable elements.
However, when I started trying to drag items around within a list or grid of items, that stopped working. Eventually, I had to switch from using the pointer sensor to using the mouse and touch sensors, as described in the sensors section.
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I have an app that renders CN1 LightWeight picker properly on low-res devices, namely some low-end Android devices but getting weird behavior on iPhone 7 plus upward, even on the simulated version.
I have tried styling the Spinner3DRow in GUI Builder but this doesn't fix the issue.
When the Spinner is pressed to spin, the text and the middle borders disappear and re-appear after releasing (sometimes). See the image below for reference:
December and lines are missing.
The app is also newly published in store and could be downloaded on the iPhone 7 plus upward for reference here.
How do I style these lines and the text to always remain visible regardless of the device resolution and keep the behavior consistent?
Edit:
On testing again, the issue is occurring even on low-res devices.
I'm building a form as a menu, because the demand is a menu that come from the top. So I've build my form with a BoxLayout Y, set the backgroud transparency of to 0 with the theme and added a container with my menuItems inside. A Cover-Uncover transition to add some menu feeling and the form is complete.
On Ipad (cropped):
The result is pretty good, but I have a big problem on Android : the transparency work during the transitions, but when the in transition is over, all the transparency turn to black. I've tried on Android 4.4.2 (old archos tablet) and on Android 8.0 (brand new P20 lite smartphone).
On Android while transition is active :
On Android after transition
Is it a way to show the previous form on Android ? Or even a sidemenu swipable from the top ?
Forms can't have transparency. There is nothing behind them. If there was we'd need to keep in memory every form you ever showed because you could reference forms in code and set them to transparent on the fly. Form is a special case top level component when you show it, it's the end of the line.
You can accomplish this with a Dialog or an InteractionDialog both of which work similarly. In fact the side menu bar code is just an InteractionDialog.
I have a web application running on internet explorer 6 mobile, and I've noticed that the rendering of scroll bars is inconsistent. For example, if you take a regular html select (with lots of entries) and expand it, the scroll bar renders in a slim, black-colored way, but if you have an overflowing div, you get a wide, old windows-style scroll. Do you know of a way to force the rendering to the select-style one? (screenshots follow)