The Swiper is throwing an error at runtime: "el.matches is not a function". #7398
Closed
5 of 6 tasks
Labels
t0ggles
Linked to the t0ggles task
Check that this is really a bug
Reproduction link
https://codesandbox.io/p/sandbox/nice-sunset-7w6sdx?file=%2Fsrc%2FApp.tsx
Bug description
Version:10.3.0
![image](https://private-user-images.githubusercontent.com/3377755/314434771-530d02b2-e3dd-4041-82d8-b4deb74bd069.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMDUyODUsIm5iZiI6MTcyMDAwNDk4NSwicGF0aCI6Ii8zMzc3NzU1LzMxNDQzNDc3MS01MzBkMDJiMi1lM2RkLTQwNDEtODJkOC1iNGRlYjc0YmQwNjkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDNUMTEwOTQ1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzkyODg0Njg3ZDExNDlmNzY0OTM3MzQzMDEzOGY3MWZjOTIzZjViZjQ4OTUwY2JlZGMwMGI5YWE5ZWQ3MzQzMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.GpMm_IYIg109P-HqTrjx1XmhM0A0Ujh8JmvnlcAUILk)
![image](https://private-user-images.githubusercontent.com/3377755/314435318-55ba2d08-ce97-462d-b628-593b60d25e62.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMDUyODUsIm5iZiI6MTcyMDAwNDk4NSwicGF0aCI6Ii8zMzc3NzU1LzMxNDQzNTMxOC01NWJhMmQwOC1jZTk3LTQ2MmQtYjYyOC01OTNiNjBkMjVlNjIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDNUMTEwOTQ1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YzI0Y2NmZTE4M2M3N2IzN2I0OTBhMGNkOGI1MzQxYjhjYjAzMzZjOWNhMGFkMDFmNmQwNzkwNzdjMTc1NjExZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.e0_Y0okQycbxFpwEoTnd1gq1235mNRP2u2YmQNjfIvE)
Error log:Uncaught TypeError: el.matches is not a function
Code location:
Babel compile ES2015 spread to ES5,output:
[].concat(element.children).filter(el=>el.matches(selector))
In JavaScript, attempting to use
[].concat(element.children)
to convert a collection of an element's child elements into a real array may not work as expected because element.children is an HTMLCollection, not an actual array.My Babel version:
@babel/core@7.24.1
@babel/plugin-transform-spread@7.24.1
Expected Behavior
No response
Actual Behavior
No response
Swiper version
10.3.0
Platform/Target and Browser Versions
'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36'
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: