I have a Google Data Studio dashboard that allows users to search a list of people by various criteria. They need to find the person they're looking for in a table and copy-and-paste one of the fields of interest into another application.
On desktop, it's possible to highlight and copy as normal, but on Android (phone and tablet) I can't figure out how to do it:
Long-pressing text brings up the Data Studio context menu. The text also becomes highlighted, but no clipboard menu appears (see image).
Double-tapping triggers the browser's auto-zoom instead of highlighting
Tapping and dragging does nothing
To replicate:
Open this Example table on an Android device in Chrome or Firefox
Attempt to highlight text from the table and copy it to the clipboard
Desired behavior:
Text can be highlighted and copied
Current behavior:
The browser either zooms, or opens the Data Studio context menu, but it is not possible to highlight and copy text.
At this point I'm open to any kind of workaround, even if it's onerous or messy.
What I've tried so far:
Use cross-filtering to feed the selected row's ID into a scorecard or other element: Scorecards have the same behavior
Turn off cross-filtering: This removes the interactivity where tapping a row highlights it, but doesn't change the behavior described above.
Try different mobile browser. I can make it work in Firefox Nightly, which allows you to disable double-tap-to-zoom and in Puffin Browser, which doesn't implement it in the first place. However, neither of these is a good solution for users.
Use presentation mode: If I put the data sheet in presentation mode, turn the device to landscape, and set it to full-width then I can usually but not consistently copy text in Firefox, but not in chrome.
Related
I'm using Ionic for building a multi-platform hybrid app that, basically, just opens a responsive web app, with InAppBrowser plugin. I can't figure out why, only on Android (on iOS it works as expected), the standard context menu, for copy/paste operation, after a long click on input text, doesn't appear, only the markers for the select text are displayed.
I can't find out what I'm missing, did it suppose to show up by default, on Android, or did I need some configuration, register some listener, use other plugin or whatever?
So, in short, if I copy some text on a device (e.g. from google.com) and I want to be able to paste it, on Android, in an input text, of a page opened with InAppBrowser within my app, is it possible and how can I achieve that?
I confirm that the standard behavior, even with InAppBrowser, is to display the context menu, to manage copy/paste operation, on long click, on the selectable text.
So, in my case, it wasn't an InAppBrowser problem, but it was the site who disable all context menu (iOS just doesn't care and show it anyway, but that's another story).
I am building a small site and ran into a small problem. I am using MixItUp to filter and sort blocks. I am also using a search field to search through the titles of each block and display relevant ones. Everything works fine on all devices and browsers except for Android.
On Android when I tap into the search field my keyboard slides up and then slides away again without giving me a chance to type anything. I tried googling the problem and only relevant thing I could find was this post but I am not sure how to proceed because I have no clue what event listeners would be disrupting the android one.
I am not a very experienced developer (self-taught and still learning lots) so I am not sure how I would go about correcting. My plan right now is to just remove pieces of code until keyboard starts working and then go from there once I identify what is causing it.
The Website is teste3.khalidsleiman.com
I figured out it was a jQuery snippet that I was using to relocate the input field to a different spot on my page depending on window size. Now I only have it set to run that snippet on document load instead of window load and resize. Keyboard is showing up now.
I am developing a cross-platform application using phonegap and jquery. In my HTML document I have a select element with several options. On Android, when the user taps on the select element, an overview of all options opens using the standard Android dropdown (something like an overlay with all options). So far so nice, but unfortunately my options have too much text that eventually gets cut off at the end. How can I adjust the size of the text here? Any hints? Adjusting the text size via CSS is simply ignored. I am thinking of using radio buttons instead, but that is just a workaround for me.
I read listview is another way to handle this problem. Select is fairly limited to my understanding.
I am expanding a previously written app. The main component of the app is a webview. In the previous iteration of the app we did not want to allow the users to select text. In the expansion we want to allow the users to be able to select text. I made the assumption that text selection is enabled by default on webviews and the developer who wrote the app disabled the ability for people to select text. In trying to enable this feature i commented out all the touch and click listeners that were attached to my webview one by one to see where they disabled text selection, but even with every touch listener commented out i still can't select text. My question is, was my original assumption correct? Is text selection enabled by default? Should i instead be looking for a way to enable text selection instead of not disabling it?
Thanks!
I found there was no text selection by default for Android 2.2 - 2.3, but it did enable copy/paste if long touch happened for Android 4.0+. Then I tried to disable this feature, but failed unfortunately. All answers right here (SO) didn't work too.
I'm trying to figure out how to code for proper use through Android phones. Looking at...
http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_select_multiple
...it looks nice when selecting options. However, the page always only shows the first option in the list no matter what is selected. Do you know of anything I can do to handle this better?
I had my coworker load up a test page with a multi-select box.
It appears that on Android (and likely other smartphones) the multi-select elements will only display the first value, since tapping on it brings up (on Android anyways) a dialog to select the elements.
Even using CSS height doesn't change the appearance.