majestic | ⚡ Zero config GUI for Jest | Frontend Framework library

Yes you could and for the strings inside it use single quotes since you're using "" in event handler :

This is occurring for 3 reasons.

1. The animated style class was never removed when the see less button is clicked, prior to setting the display to none.

   • Therefore, the elements hid, but on re-appearing, because they had the animated class, they re-animated at the same time.

2. When clicking the show more button, all of these will animate at once because when at the end of the page, the browser triggers a scroll event automatically, but the correct offset doesn't update in time.

   • Therefore, the browser thinks all the elements have the same offset at the end of the page, so it animates them all

3. Jquery's scroll event listener stopped firing after reaching the end of the page. Not sure what caused it, but I know they sometimes implement their event listeners different than most browsers.

The fix:

1. Replace jquery "scroll" event listener with native javascript/browser API scroll event listener
2. Remove animated class whenever the see more or see less button is clicked.
   • At the end of the day, we only want the animated class when a user scrolls

(All problems resided in javascript, css and html were fine)

Below is a quick fix version of your javascript code. However, I suggest doing some re-factoring of this version, to remove repeated code.

In HTML file add this div with class as parent element of tables

There is no select tag with name="item0" only an input tag, your script works when you use this selector.

Use a For Loop to iterate through the Object and declare two arrays one for the URL and the other for the Number of drops (that's how you'll go through the object and store its values). and to access Object values use the dot method Example: objectName.url.

In Result object with ID 385687 you have a property backdrop_path being null. Adjust your Result object and make the property nullable:

String? backdropPath;

Nowhere in your code do you attempt to print the word. How did you expect it to appear in the output? If you want the word, put it in the list of things to print:

give this pipeline a shot. if that's not the expected result, let me know the exact shape of the output you need.

The MatTableDataSource accepts an array not an object.

You have to set: