Fix the arrow position (GH-114)

typesnippet · Dec 25, 2024 · 06e63c5 · 06e63c5
2 parents 97d0b56 + 1f317ff
commit 06e63c5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.3.11",
+  "version": "0.3.12",
   "name": "antd-phone-input",
   "description": "Advanced, highly customizable phone input component for Ant Design.",
   "keywords": [

diff --git a/src/index.tsx b/src/index.tsx
@@ -242,21 +242,21 @@ const PhoneInput = forwardRef(({
                 value={selectValue}
                 style={{display: "none"}}
                 key={`${countryCode}_default`}
-                label={<>
+                label={<div style={{display: "flex"}}>
                     <div className={`flag ${countryCode}`}/>
                     {suffixIcon}
-                </>}
+                </div>}
             />
             {countriesList.map(([iso, name, dial, pattern]) => {
                 const mask = disableParentheses ? pattern.replace(/[()]/g, "") : pattern;
                 return (
                     <Select.Option
                         value={iso + dial}
                         key={`${iso}_${mask}`}
-                        label={<>
+                        label={<div style={{display: "flex"}}>
                             <div className={`flag ${iso}`}/>
                             {suffixIcon}
-                        </>}
+                        </div>}
                         children={<div className={`${prefixCls}-phone-input-select-item`}>
                             <div className={`flag ${iso}`}/>
                             {countries[name]}&nbsp;{displayFormat(mask)}