Attaching custom behavior to certain components changes their styling

Developer Support
1

Hi, all! I’m just getting into Plasmic and really enjoying it so far. However, I’m running into an issue with a custom behavior I’m trying to build. When I attach the behavior to certain components on my Plasmic page, the styling of those components changes, as shown in this Loom. Any thoughts on what might be going on here? What am I doing wrong, and how can I fix it?

2

That is happening because one of the props being forwarded is the className. This is going to be fixed if you do !key.startsWith('data-plasmic') && key !== "className" on filteredProps.

3

Thanks so much, @steep_silverfish - that change did the trick! I see that your team has also updated the code snippet here in the docs (or I misread that snippet earlier :stuck_out_tongue_closed_eyes:). I really appreciate the help. :pray:

4

You’re welcome! And yes, we updated the docs :smile:

5

Ha, glad I wasn’t misremembering!