fixes float label demo in multiselect (#5783)

primefaces · Jan 16, 2024 · 37d9ed6 · 37d9ed6
1 parent edbe2dd
commit 37d9ed6
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/components/doc/multiselect/floatlabeldoc.js b/components/doc/multiselect/floatlabeldoc.js
@@ -15,8 +15,8 @@ export function FloatLabelDoc(props) {
 
     const code = {
         basic: `
-<span className="p-float-label">
-    <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full md:w-20rem" />
+<span className="p-float-label w-full md:w-20rem">
+    <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full" />
     <label htmlFor="ms-cities">Select Cities</label>
 </span>
         `,
@@ -36,8 +36,8 @@ export default function FloatLabelDemo() {
 
     return (
         <div className="card flex justify-content-center">
-            <span className="p-float-label">
-                <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full md:w-20rem" />
+            <span className="p-float-label w-full md:w-20rem">
+                <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full" />
                 <label htmlFor="ms-cities">Select Cities</label>
             </span>
         </div>
@@ -65,8 +65,8 @@ export default function FloatLabelDemo() {
 
     return (
         <div className="card flex justify-content-center">
-            <span className="p-float-label">
-                <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full md:w-20rem" />
+            <span className="p-float-label w-full md:w-20rem">
+                <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full" />
                 <label htmlFor="ms-cities">Select Cities</label>
             </span>
         </div>
@@ -81,8 +81,8 @@ export default function FloatLabelDemo() {
                 <p>A floating label appears on top of the input field when focused.</p>
             </DocSectionText>
             <div className="card flex justify-content-center">
-                <span className="p-float-label">
-                    <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full md:w-20rem" />
+                <span className="p-float-label w-full md:w-20rem">
+                    <MultiSelect value={selectedCities} onChange={(e) => setSelectedCities(e.value)} options={cities} optionLabel="name" maxSelectedLabels={3} className="w-full" />
                     <label htmlFor="ms-cities">Select Cities</label>
                 </span>
             </div>