Swiper pagination attributes not working in version 11
Check that this is really a bug
- [X] I confirm
Reproduction link
https://codesandbox.io/p/sandbox/swiper-pagination-custom-forked-699cxl?workspaceId=71f9cf4f-2658-4dd2-bdd0-72a5185c26f3
Bug description
Pagination-related attributes (pagination="true", pagination-clickable="true", and pagination-el=".custom") that functioned correctly in SwiperJS version 9 are no longer working in SwiperJS version 11.
Just swap out in https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js to swiper@9 to see a working result.
Expected Behavior
Swiper Elements with with pagination on version 11 should also work like in version 9
Actual Behavior
pagination bullets are not rendered
Swiper version
11
Platform/Target and Browser Versions
macOS Chrome
Validations
- [X] Follow our Code of Conduct
- [X] Read the docs.
- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
- [X] Make sure this is a Swiper issue and not a framework-specific issue
Would you like to open a PR for this bug?
- [ ] I'm willing to open a PR
Having exactly the same issue...
Swiper Element styles are incapsulated now. If you use custom elements you need to provide styles for them