Fixed #2389 - Change default value of maxSelectedLabels property on M…

…ultiSelect
primefaces · Nov 4, 2021 · 13abd8c · 13abd8c
1 parent 33d03c3
commit 13abd8c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/showcase/multiselect/MultiSelectDemo.js b/src/showcase/multiselect/MultiSelectDemo.js
@@ -167,7 +167,7 @@ export class MultiSelectDemo extends Component {
                 <div className="content-section implementation multiselect-demo">
                     <div className="card">
                         <h5>Basic</h5>
-                        <MultiSelect value={this.state.selectedCities1} options={this.cities} onChange={(e) => this.setState({ selectedCities1: e.value })} optionLabel="name" placeholder="Select a City" />
+                        <MultiSelect value={this.state.selectedCities1} options={this.cities} onChange={(e) => this.setState({ selectedCities1: e.value })} optionLabel="name" placeholder="Select a City" maxSelectedLabels={3} />
 
                         <h5>Chips</h5>
                         <MultiSelect value={this.state.selectedCities2} options={this.cities} onChange={(e) => this.setState({ selectedCities2: e.value })} optionLabel="name" placeholder="Select a City" display="chip" />

diff --git a/src/showcase/multiselect/MultiSelectDoc.js b/src/showcase/multiselect/MultiSelectDoc.js
@@ -170,7 +170,7 @@ export class MultiSelectDemo extends Component {
             <div className="multiselect-demo">
                 <div className="card">
                     <h5>Basic</h5>
-                    <MultiSelect value={this.state.selectedCities1} options={this.cities} onChange={(e) => this.setState({ selectedCities1: e.value })} optionLabel="name" placeholder="Select a City" />
+                    <MultiSelect value={this.state.selectedCities1} options={this.cities} onChange={(e) => this.setState({ selectedCities1: e.value })} optionLabel="name" placeholder="Select a City" maxSelectedLabels={3} />
 
                     <h5>Chips</h5>
                     <MultiSelect value={this.state.selectedCities2} options={this.cities} onChange={(e) => this.setState({ selectedCities2: e.value })} optionLabel="name" placeholder="Select a City" display="chip" />
@@ -345,7 +345,7 @@ const MultiSelectDemo = () => {
         <div className="multiselect-demo">
             <div className="card">
                 <h5>Basic</h5>
-                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" />
+                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" maxSelectedLabels={3} />
 
                 <h5>Chips</h5>
                 <MultiSelect value={selectedCities2} options={cities} onChange={(e) => setSelectedCities2(e.value)} optionLabel="name" placeholder="Select a City" display="chip" />
@@ -519,7 +519,7 @@ const MultiSelectDemo = () => {
         <div className="multiselect-demo">
             <div className="card">
                 <h5>Basic</h5>
-                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" />
+                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" maxSelectedLabels={3} />
 
                 <h5>Chips</h5>
                 <MultiSelect value={selectedCities2} options={cities} onChange={(e) => setSelectedCities2(e.value)} optionLabel="name" placeholder="Select a City" display="chip" />
@@ -701,7 +701,7 @@ const MultiSelectDemo = () => {
         <div className="multiselect-demo">
             <div className="card">
                 <h5>Basic</h5>
-                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" />
+                <MultiSelect value={selectedCities1} options={cities} onChange={(e) => setSelectedCities1(e.value)} optionLabel="name" placeholder="Select a City" maxSelectedLabels={3} />
 
                 <h5>Chips</h5>
                 <MultiSelect value={selectedCities2} options={cities} onChange={(e) => setSelectedCities2(e.value)} optionLabel="name" placeholder="Select a City" display="chip" />
@@ -1223,7 +1223,7 @@ const groupedCities = [
                         <tr>
                             <td>maxSelectedLabels</td>
                             <td>number</td>
-                            <td>3</td>
+                            <td>null</td>
                             <td>Decides how many selected item labels to show at most.</td>
                         </tr>
                         <tr>