slinky | Write Scalajs React apps just like you would in ES6 | Frontend Framework library

I'm quite new to this, and was following a basic tutorial to create a slinky text effect with gsap, and I noticed that when I pause my mouse cursor, there's a really jarring movement where the text suddenly shoots towards the cursor. I am unaware as to what causes it, and was wondering if anybody could tell me why that happens.

I am trying to make Bootstrap 4 dropdown have this style: slinky.js.org

This is what I have by now: https://codepen.io/nht910/pen/yLexeEM

Main code:

Turns out I had called my script json.py and was importing json so the python script was calling itself, therefore, running twice.

Here is my code below, It access a database and returns data within:

I have two classes that refer to each other in a one-to-many relationship (Kid and Toy in the below example). When I assign a new Toy to Kid, I want the Kid to be assigned to Toy as well.

Creating a custom class based on list for the toys attribute and redefining methods (e.g. append, extend, delete) would work but I wanted to know if there is a better way.

I am confused about this part in Vue even after reading the docs. How should I load assets from index.html? I tried referring to assets using different methods, here is the one I am trying now that is still not working

I am creating a frontend layout within my theme.

However, the datatable is not styled correctly. It should look like the following:

It seems to me that my css is somehow overlapping.

Please find my minimum viable example below:

I'm trying to build a menu like this one http://alizahid.github.io/slinky/ to use in a WordPress theme. I can't seem to align the submenu to the top, it always stays under the actual menu item.

Is there anyway to move a submenu from outside its parent and align it with the top of the whole menu instead?

Thanks.

I want the user to be able to click on the app's button and get a random fact(String) from my FactBook.java's list. I am initializing the list when the app opens for the first time by calling the initFacts() method(static) and then check every time the user taps the button if the list is empty. If it is I must re-initialize the list so that it doesn't remain empty. However, the app crashes when I click on the button but I can't find the error, everything seems right to me. Can someone help me? Thank you in advance.