cristiandavideconte / universalsmoothscroll Goto Github PK

Currently, I have added <script /> tag in the Document file.
Although ESLINT comments "USS is not declared" everything is still working now on LOCAL,
but my site is crashed on PRODUCT
Can you explain this bug?

Hello! This API looks really well done and I'm excited to use it. But first a dumb question. I seem to be missing something to make my app recognize the uss object.

Here are the steps I've taken, along with screenshots to clarify.

1. Downloaded the uss package via npm install
2. Copied the minified js file into my app's static directory
3. Included the minified js file in a script tag in my app.html's header

The caveat here is that I'm using Svelte-kit, which uses server side rendering. Not sure if that is part of the equation or if I'm just missing something dumb.

-Directory structure-

-Script tag-

-uss object not recognized-

Hello,

Most methods currently require a reference to a container to be called.
In my case I'm using the hrefSetup and not referencing any specific containers. Without a container reference, how can I appropriately utilize setYStepLengthCalculator or something similar so that it works with the hrefSetup method?

Thank you!

Describe the bug
uss.hrefSetup prevents a element onClicks from firing.

To Reproduce
Steps to reproduce the behavior:

1. Call uss.hrefSetup()
2. Add an anchor tag with an onClick method.

<a
  onClick={() => {console.log("running")}}
  className="hover:text-[#F40F00]"
  href="#start"
>
  Home
</a>

3. The passed onClick method will not run.

Expected behavior
The onClick method should run and the console should log "running"

Desktop:

• OS: Windows
• Browser Chrome
• Version 105.0.5195.127 (Official Build) (64-bit)

Additional context
The onClick method will run if uss.hrefSetup() is not called.

How can I use this library in react application?
I tried to do so
import { uss } from 'universalsmoothscroll';
so
import uss from 'universalsmoothscroll';
but nothing comes out.