Ever expanding .tse-scroll-content height value...

[melriffe]

This is mostly a request to help debug this issue because there is where my lack of Javascript and CSS experience is glaring.

Background:

• Ember 2.18.x
• ember-light-table 1.13.2
• exhibited in Brave Browser and Safari Browser

Issue: I have a component that hosts a "table" component and an "editor" component. The "table" component hosts an instance of ember-light-table (mostly 'by the book' but for specific changes for headers and data, and so). I have a clickable icon that switches the view from "table" to "editor" back to "table". The initial view of the table looks as one would expect. However, after switching back from the "editor" there is a visible space between the header row and the first row of data.

When viewing the element in the inspector I can see it's height attribute getting continuously increased.

Request: Right now I have no idea how to debug this issue. I'm not sure what would cause this behavior.

I can provide additional details if needed, but any assistance will be greatly appreciated!

[melriffe]

A follow-up, of sorts.

Looks like I can trigger this behavior when resizing the window. It appears an endless loop is created whereby the div with the .tse-scroll-content class has its height updated. That element is created by the ember-scrollable addon/dependency.

Debugging JavaScript is not a strong point for me. Any ideas what would/could cause this endless loop? Any ideas on how I might be able to debug this better?

[melriffe]

(Hopefully) Final update.

It appears the vendor.css reference was removed from index.html, causing all kinds of weirdness since the .ember-light-table styles were not present. Adding this back in seems to have fixed this issue.

Thank you for your time.

[melriffe]

Question: How can I include the ember-light-table styles in my app.scss like I can with ember-bootstrap: @import "ember-bootstrap/bootstrap";