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

[Bug Report] Infinite Scroll does not work on Chrome (or any modern browser) #16344

Closed
connecteev opened this issue Jul 1, 2019 · 2 comments · Fixed by #16698
Closed

[Bug Report] Infinite Scroll does not work on Chrome (or any modern browser) #16344

connecteev opened this issue Jul 1, 2019 · 2 comments · Fixed by #16698
Assignees
Milestone

Comments

@connecteev
Copy link

Element UI version

2.10.0

OS/Browsers version

Mac OS High Sierra / Chrome latest version

Vue version

2.6.10

Reproduction Link

https://codepen.io/connecteev/pen/BgrmXP?&editable=true

Steps to reproduce

The infinite scroll does not work at
https://codepen.io/connecteev/pen/BgrmXP?&editable=true
This is copied from
https://element.eleme.io/#/en-US/component/infiniteScroll

What is Expected?

Infinite scroll should work.

What is actually happening?

Error is seen in console and Infinite scroll does not work.

Error:

[Vue warn]: Error in directive infinite-scroll inserted hook: "TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'."

found in

---> <InfiniteScrollExample> at resources/js/components/InfiniteScrollExample.vue
       <App> at resources/js/App.vue
         <Root>
warn @ app.js:90559
logError @ app.js:91818
globalHandleError @ app.js:91813
handleError @ app.js:91773
callHook$1 @ app.js:96594
callInsert @ app.js:96531
wrappedHook @ app.js:92169
invokeWithErrorHandling @ app.js:91788
invoker @ app.js:92109
invokeInsertHook @ app.js:96260
patch @ app.js:96477
Vue._update @ app.js:93865
updateComponent @ app.js:93986
get @ app.js:94397
Watcher @ app.js:94386
mountComponent @ app.js:93993
Vue.$mount @ app.js:98963
Vue.$mount @ app.js:101848
Vue._init @ app.js:94931
Vue @ app.js:94997
(anonymous) @ app.js:7437
__webpack_require__ @ app.js:20
(anonymous) @ app.js:101903
__webpack_require__ @ app.js:20
(anonymous) @ app.js:66
(anonymous) @ app.js:69
app.js:91822 TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
    at inserted (app.js:51373)
    at callHook$1 (app.js:96592)
    at callInsert (app.js:96531)
    at wrappedHook (app.js:92169)
    at invokeWithErrorHandling (app.js:91788)
    at Object.invoker [as insert] (app.js:92109)
    at invokeInsertHook (app.js:96260)
    at Vue.patch [as __patch__] (app.js:96477)
    at Vue._update (app.js:93865)
    at Vue.updateComponent (app.js:93986)

@Jorian93
Copy link

Jorian93 commented Jul 2, 2019

I meet same error in firefox :

`[Vue warn]: Error in directive infinite-scroll inserted hook: "TypeError: Argument 1 of MutationObserver.observe does not implement interface Node."

found in

--->
at src\views\layout\components\AppMain.vue
at src\views\layout\Layout.vue
at src\App.vue
vue.runtime.esm.js:587
TypeError: "Argument 1 of MutationObserver.observe does not implement interface Node."
inserted element-ui.common.js:38458
VueJS 13
vue.runtime.esm.js:1737
TypeError: el.getBoundingClientRect is not a function`

@island205
Copy link
Contributor

https://codepen.io/island205/pen/xojvGG?&editable=true

checkout this demo

@island205 island205 added this to the 2.11.0 milestone Jul 3, 2019
@iamkun iamkun closed this as completed Jul 24, 2019
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 a pull request may close this issue.

4 participants