Text Field Not Working in Safari

text field not working in safari

Your problem lies in calcstyle.css here:

* { 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

I'm not entirely sure why user-select: none; would prevent you from typing into an input but removing this block fixes it for me.

---

EDIT

Here is a possible solution:

Select everything but your inputs...

*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

text field not working in safari

Your problem lies in calcstyle.css here:

* { 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

I'm not entirely sure why user-select: none; would prevent you from typing into an input but removing this block fixes it for me.

---

EDIT

Here is a possible solution:

Select everything but your inputs...

*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Input field iOS Safari bug — Can't type in any text

input { -webkit-user-select:text;}

this will solve the issue.

Cannot write into input field on safari

I was an error on my site. The template I was using had a style.css with the following rules

* {
  user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

I had to add the following for safari:

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

Input text is not visible in iphone safari and chrome browser

Don't know exactly why, but it's something wrong with a font-family. If I add a font-family explicitly to these inputs or to their container, like:

.timegroup {
  font-family: Arial; //or Helvetica, or whatever
}

it works on iphone browsers.

Text input field doesn't work in safari

This is being applied:

-webkit-user-select: none; in forms.css, line 11.

Can't write in input fields only in safari

The combination input padding on line 40 of main.css

input, select, textarea {
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    outline: 0;
    font-family: Roboto;
    padding: 15px 10px;  /*<<<<<<<*/
    font-size: 15px;
    webkit-user-select: auto;
}

Is not working with the height on line 55 and 80 of main.css

.whitebox input[type="text"] {
    height: 20px;
}

---

Related Topics