Databases
StackOverflow2013
Postsdbo
POPhonegap styles -webkit-user-select: none; disabling text field
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPhonegap styles -webkit-user-select: none; disabling text field
    primarykey
    data
    text
    <p>I'm pretty new to Phonegap. I have a problem where the default css used in a clean Phonegap project won't allow input into text fields. I narrowed it down to one line of CSS:</p> <pre><code>* { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ } </code></pre> <p>The problem line is:</p> <pre><code>-webkit-user-select: none; </code></pre> <p>This can be found in www/index.css. </p> <p>Seems like completely disabling the input field isn't the desired effect.</p> <p>I've also posted this problem 2 times before but it was closed, not sure why... My issue was closed due to not being a common problem. Well, all I can say about that is, I guess some users at stackoverflow don't think CSS 3, Phonegap, HTML 5, and -webkit-user-select: is a common situation. I'd beg to differ.</p> <p>However I can see this issue also posted here, also causing problems in Safari: <a href="https://stackoverflow.com/questions/10819565/user-selectnone-causes-input-field-to-be-inaccessible-on-safari">User select:none causes input field to be inaccessible on Safari</a> Although slightly different.</p> <p>My current solution is this:</p> <pre><code>-webkit-user-select: text; /* change 'none' to 'text' */ </code></pre> <p>Just still curious as to what is the most elegant solution to enable the text input, but still maintain some of this copy and past functionality that Phonegap is trying to achieve. Thanks!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USbotbot
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPhonegap styles -webkit-user-select: none; disabling text field
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POPhonegap styles -webkit-user-select: none; disabling text field
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POPhonegap styles -webkit-user-select: none; disabling text field
      1. This table or related slice is empty.
      1. VTUpMod
    1. COplease do remember that there are devices out there with non Webkit browsers.
      singulars
      1. POPhonegap styles -webkit-user-select: none; disabling text field
      1. USSpudley
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload