[Bug]: Wrapper element causing problems

[JeffWScott]

Type of Svelte app

Svelte Vite template

Describe the bug

Element gets wrapped in a "data-action" div.
Div constrains the elements size.

Reproduction

<h1 use:reveal class="sr__hide">Hello world</h1>
turns into:
<div data-action="reveal" class="sr__7153687886990808__properties"><h1 class="s-YAiGFDDAzbUx">Hello world</h1></div>

System Info

N/A

Severity

Blocking

Additional Information

If the package is going to wrap my elements and not allow me to effect those elements this this is a non-started for me.

[DaveKeehl]

Thank you for filing this bug report. What version of svelte-reveal are you running? Could you please provide a more thorough reproduction environment (either a more complete code snippet or a code sandbox) showcasing the problem?

The package does wrap your element but isn't supposed to prevent you from sizing it the way you want to.

[JojokCreator]

Same issue here. I'm trying to use this in a masonary effect but the wrapper div breaks the styles of my elements in the grid. Version "svelte-reveal": "^1.1.0",

Ability to add a class to the wrapper would fix this.

[DaveKeehl]

@JojokCreator sorry about that! do you have a repro for me to look at?

[JojokCreator]

have

No worries. It's a very cool project.

https://stackblitz.com/edit/withastro-astro-oj3zxl?file=src%2Fpages%2Findex.astro

The masonary on the right uses the reveal.

I can hack it by manually adding height: 100%; width: 100% via javascript to the divs added by svelte-reveal.

[JojokCreator]

also the threshold doesn't seem to be being applied. See the Reveal.svelte component. Unless I'm doing something wrong (likely :-) ).

[DaveKeehl]

also the threshold doesn't seem to be being applied. See the Reveal.svelte component. Unless I'm doing something wrong (likely :-) ).

Weird.. I'll look into it, thanks for sharing!