Ionic Select problem


#1

Hello,

I have a problem with select ionic in device iphone 4s, doesn’t show the button done, attachment a image with the problem.

Info device
iphone 4s

Code
**

Template:

**

<div class="list">
          <label class="item item-input item-select">
            <div class="input-label">
              Lightsaber
            </div>
            <select>
              <option ng-repeat="item in items" >
                Item {{ item.id }}
              </option>

            </select>
          </label>
</div>

**

Controller

**

$scope.items = [
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },

];

Device

**

Emulator

**

Is anyone facing the same problem?

Thanks.


#2

I wasn’t able to reproduce it.

Do you have the ionic keyboard plugin installed?


#3

Thank you for your answer.

Yes, I have installed the ionic keyboard plugin,
I found a solution, but I don’t know, if it is the right way.

Steps:

  1. I added this code to config.xml

Note: But I did not work

  1. Then I added the path to index.html keyboard.js plugin script and it worked

Thanks


#4

See the thing is I didn’t have the keyboard plugin installed on mine. It could be an issue with cordova not loading things properly.

Try creating a new project and attempting this.


#5

hi:
I have the same problem and I remove the plugin com.ionic.keyboard, the ‘done’ and the ‘next’ button show…So,if I remove that ,is there any side-effect?


#6

OK,I find the way:cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);