Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Option to Customize Country List Popup via Custom Class #1925

Closed

Conversation

creador-dev
Copy link

@creador-dev creador-dev commented Jan 9, 2025

Add Option to Customize Country List Popup via Custom Class

Description

This PR introduces a new popupContainerClass option to the intl-tel-input library. This option allows developers to specify a custom class for the country list popup container, making it easier to apply scoped styles and avoid conflicts with other parts of the application.

Why This Feature is Needed

  • Custom styles can now be applied exclusively to the popup container without affecting other components or plugins.
  • Helps avoid conflicts in projects with multiple instances or plugins using older versions of intl-tel-input.

Implementation

  • Added popupContainerClass as an optional configuration property.
  • Dynamically applies the custom class to the popup container during its creation.

Example Usage

intlTelInput(inputElement, {
  popupContainerClass: 'my-custom-popup-class',
});

@creador-dev creador-dev changed the title New/popup custom class support Add Option to Customize Country List Popup via Custom Class Jan 9, 2025
@creador-dev
Copy link
Author

creador-dev commented Jan 9, 2025

asdasd

Reverting to containerClass ensures uniformity across the codebase and aligns with the established styling conventions.
@creador-dev creador-dev closed this Jan 9, 2025
@creador-dev creador-dev deleted the new/popup-custom-class-support branch January 9, 2025 16:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant