BUG: `component.closestType()` is undefined
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
any
Reproducible demo link
https://github.com/padcom/grapesjs-closestType-missing
Describe the bug
This bug was introduced in here. Before this change everything was working as expected. I presume the reset event is responsible for it.
What's even more annoying with it is that if you reload the page then the only console.log you'll see is with the undefined component.closestType() which means that if the component:update:components event is being used in conjunction with component.closestType() then the project is empty and broken.
How to reproduce the bug?
- clone https://github.com/padcom/grapesjs-closestType-missing
- npm install && npm start
- navigate to http://localhost:5173
- put Column component on the canvas
- put Text component inside the Column from pt 4
- observe console
What is the expected behavior?
One should see the implementation of component.closestType in all logs
What is the current behavior?
The first time this event is emitted the component.closestType is undefined
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
It turns out the second parameter is not always the component but the sender of the event which means that sometimes it is the collection of components which obviously doesn't have the closestType() method.
Thanks @artf for explaining it to me!
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5378
BUG: Uncaught TypeError: Cannot read properties of undefined (reading 'Canvas') while dragging a component in Layer Manager Panel
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v116.0.5845.97 Reproducible demo li...
Issue #4083
BUG: Set root does not work
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://js...
Issue #6152
BUG: CSS added via custom code persists after custom code component is removed
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link https://grapesj...
Issue #6032
BUG: Image Component allows upload and selection of video files via drag and drop
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v126 Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.