optimistex / ngx-select-ex

Angular based replacement for select boxes
https://optimistex.github.io/ngx-select-ex/
MIT License
111 stars 42 forks source link

in IE11, 'Enter' key couldn't activate the widget, Up / Down arrow key couldn't move between the selections #124

Closed jeffli closed 6 years ago

jackiewang5566 commented 6 years ago

Yeah, I have the same issue when using arrow key to navigate dropdown options on IE11, is there workaround for this one? If I press F7, enabled caret browsing after tabbing to the dropdown options I can use the up/down arrow key to navigate and press enter to select different dropdown options.

optimistex commented 6 years ago

Try to change options by INgxSelectOptions: https://github.com/optimistex/ngx-select-ex/blob/f87f33604cc715633219081aa30a04f3af8ee867/src/app/lib/ngx-select/ngx-select.interfaces.ts#L27-L50

How to use (from the doc):

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component';
import { NgxSelectModule, INgxSelectOptions } from 'ngx-select-ex';

const CustomSelectOptions: INgxSelectOptions = { // Check the interface for more options
    optionValueField: 'id',
    optionTextField: 'name'
};

@NgModule({
  imports: [BrowserModule, NgxSelectModule.forRoot(CustomSelectOptions)],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {
}

If you will foud better options, let me know. Probably I'll change the default options.

jeffli commented 6 years ago

Hi optimistex, the issue was about in IE 11, I can't use the keyboard to interact with the 'ngx-select-ex' widget, such as when I tab onto it, can't use 'enter' key to open; after some search results show up as dropdown options, can't use up/down key to move around and select. All these keyboard operations work in Chrome and FF.

I couldn't see how the example code you listed would resolve those issues.

ghost commented 5 years ago

Any solution for this question?

optimistex commented 5 years ago

@satjai1 Unfortunately I have no time... You can maintain the project, fix and make a pull-request, then I will check and release it.

ghost commented 5 years ago

Surely, I can contribute in this project. I'm currently blocked in my organization's project where this plugin is being used & production release is quite close. Let me sort out some time for this.