separateDialCode props is not working properly in react version of 17.0.2

[PiyushElaunch]

https://user-images.githubusercontent.com/52270558/124715815-05411c00-df21-11eb-8434-d5c645addf6c.png

Used versions

"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-intl-tel-input": "^8.0.4",

When user client on input is not showing dropdown but when user click on flag its show dropdown why dropdown is not opening on dialCode text click.

[Armand72]

I've solved this issue by adding pointer-events: none; inside the class: .selected-dial-code

[PiyushElaunch]

I've solved this issue by adding pointer-events: none; inside the class: .selected-dial-code

Thanks, It's working
Please add this pointer-events: none; inside the class: .arrow also because dropdown is not opening on arrow click also.

[mcataford]

Hi @PiyushElaunch! Thanks for reporting this issue!

It seems like there's a path to resolution here, I'd be more than happy to swiftly review changes if either of you or @Armand72 would like to push up your solution! Otherwise, I'll get to it in the next few days!