I am having an issue where I am getting this weird effect when I'm trying to use a dropdown in the latest update. It was working pre-update, but now that I'm in the new one, everything looks out of whack:
The code is literally copied from the site on how to create a Dropdown (the onChange is calling a function so that I could use it to open up an Input to filter by text):
Code: Select all
const dropdownfilters = [
{ label: 'Last Name', value: 'LastName' },
{ label: 'First Name', value: 'FirstName' },
{ label: 'Phone Number', value: 'Phone' },
{ label: 'E-Mail', value: 'EMail' },
//{ label: 'Application Date', value: 'AppDate' },
//{ label: 'Request Date', value: 'ReqDate' },
{ label: 'Application Status', value: 'AppStatus' }
];
<div className="app-sel-filter-container ui-g-3">
<h3>Filter Select: </h3>
<Dropdown
value={this.state.ddlsel}
options={dropdownfilters}
onChange={this.onDropDownSelect.bind(this)}
placeholder="Select a Filter" />
</div>
Could I get some help on this issue?
Thanks,