# Country selection for phone number inaccessible

**URL:** <https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126>\
**Category:** Support\
**Created:** [October 4, 2023, 1:24pm UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126 "2023-10-04T13:24:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![piyush](https://avatars.discourse-cdn.com/v4/letter/p/ecb155/32.png) [@piyush](https://community.feathery.io/u/piyush)\
**Post date:** [October 4, 2023, 1:24pm UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/1 "2023-10-04T13:24:22Z")

</div>

Hello,

We have the feathery form ‘8 Web TT Contact Us’ embedded in a web page using the Javascript SDK. Note that the selection for the country is hidden / layered at the back.

You may access our web page with the embedded form at [StaffingApp](https://staffing-app-b8dad.web.app/employer?id=BFCEC6FD-FD06-4403-879C-006424FEB5DB#contact%20details)

Please let me know if you have any questions.

Regards - Piyush

![image](https://canada1.discourse-cdn.com/flex030/uploads/feathery/original/1X/d1c33cd54cd4552e4bebb1ac32894d83169a3bc0.png)

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [October 4, 2023, 3:59pm UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/2 "2023-10-04T15:59:46Z")

</div>

Hey Piyush, this is a z-index issue, You set your modal z-index to 1000 but our dropdown z-index is 10. If you reduce it to a number lower than 10, you’ll see it appear on top fo the modal

---

<div class="post-metadata">

**Author:** ![piyush](https://avatars.discourse-cdn.com/v4/letter/p/ecb155/32.png) [@piyush](https://community.feathery.io/u/piyush)\
**Post date:** [October 5, 2023, 6:24am UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/3 "2023-10-05T06:24:48Z")

</div>

Thank you so much. I’ll work with our development team.

---

<div class="post-metadata">

**Author:** ![piyush](https://avatars.discourse-cdn.com/v4/letter/p/ecb155/32.png) [@piyush](https://community.feathery.io/u/piyush)\
**Post date:** [October 6, 2023, 9:58am UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/4 "2023-10-06T09:58:08Z")

</div>

Hello @peter - the proposed solution did work with the ‘8 Web TT Contact Us’ form. However, we have the same issue on the form ‘9 Web TT Invite to Job’. The issue is reproducible by visiting [StaffingApp](https://staffing-app-b8dad.web.app/employer?id=BFCEC6FD-FD06-4403-879C-006424FEB5DB#contact%20details) and clicking on the “Find My Next Hire” button. Clicking on the US button apears not to display the country selection list.

I would appreciate knowing what you find.

![image](https://canada1.discourse-cdn.com/flex030/uploads/feathery/original/1X/64bdd2f452c7f78770643fd88b8d504f497be1a8.png)

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [October 6, 2023, 4:04pm UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/5 "2023-10-06T16:04:03Z")

</div>

Hey Piyush, as a general rule, you should check the Feathery-hosted version of your form, and if it’s working well, the embed issue will usually be something on your side (e.g. a stray CSS rule). Your Feathery-hosted version works fine, so you’ll want to experiment on your web app to see what about it is affecting how the Feathery form is displaying.

---

<div class="post-metadata">

**Author:** ![piyush](https://avatars.discourse-cdn.com/v4/letter/p/ecb155/32.png) [@piyush](https://community.feathery.io/u/piyush)\
**Post date:** [October 8, 2023, 11:38pm UTC](https://community.feathery.io/t/country-selection-for-phone-number-inaccessible/126/6 "2023-10-08T23:38:10Z")

</div>

Hello Peter - I understand your suggeston about experimenting with the web app. However, much like the earlier z-index setting, are there suggestions regards specific areas to investigate to rsolve the issue?
