Merge pull request #18438 from mozilla/fxa-11189

vbudhram · web-flow · commit bd4b92cc1d76 · 2025-02-24T13:59:20.000-05:00
fix(bug): Fix phone number input, dont show country name
diff --git a/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx b/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx
@@ -119,7 +119,7 @@ const InputPhoneNumber = ({
         )}
         onChange={handleCountryChange}
         value={selectedCountry.id}
-        className={`bg-transparent border border-grey-200 rounded-md py-2 ps-10 w-[60px] me-2 focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus ${selectedCountry.classNameFlag} bg-no-repeat bg-[length:1.5rem_1rem] bg-[40%_50%]`}
+        className={`bg-transparent border border-grey-200 rounded-md py-2 ps-10 w-[60px] me-2 focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus ${selectedCountry.classNameFlag} bg-no-repeat bg-[length:1.5rem_1rem] bg-[40%_50%] text-transparent`}
       >
         {/* Default country is always first */}
         <option

Original file line number	Diff line number	Diff line change
`@@ -119,7 +119,7 @@ const InputPhoneNumber = ({`
`119`	`119`	`)}`
`120`	`120`	`onChange={handleCountryChange}`
`121`	`121`	`value={selectedCountry.id}`
`122`		- className={`bg-transparent border border-grey-200 rounded-md py-2 ps-10 w-[60px] me-2 focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus ${selectedCountry.classNameFlag} bg-no-repeat bg-[length:1.5rem_1rem] bg-[40%_50%]`}
	`122`	+ className={`bg-transparent border border-grey-200 rounded-md py-2 ps-10 w-[60px] me-2 focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus ${selectedCountry.classNameFlag} bg-no-repeat bg-[length:1.5rem_1rem] bg-[40%_50%] text-transparent`}
`123`	`123`	`>`
`124`	`124`	`{/* Default country is always first */}`
`125`	`125`	`<option`