elm-time-travel

elm-time-travel copied to clipboard

First, thanks for this module. It is very useful alternative to Debug. I just wish there is a way to scroll the messages. The old ones seem to disappear off page. And it's nice to have a button to clear all messages. Thanks!

Thanks for your feedback :)

Have you tried filtering messages? The shown messages are currently limited up to 60, but I think this is enough if you filtered out frequent messages like MouseMove, Tick, etc. I will also add ability to save those settings as soon as official localStorage comes.

For now, inserting this would work fine.

<style>
body > div > div > div > div:nth-child(2) {
  max-height: calc(100% - 87px);
  overflow-y: scroll;   
}
</style>

Second one sounds good to me. I sometimes face a problem like "Many messages passed through, but which is the first one after I pressed the button?". I'll improve this soon!

Oops, this code does not solve the problem. The upper limit is still 60 if this style is added. (60 comes from my performance concern, not measured though.)

Hey jinjor. I'd also like to thank you. This is so much better than using Debug.log

I don't mean to hijack this issue but I think this is related. In regards to the scrolling, have you considered adding the ability to scroll sideways in the panels? I changed the overflow: hidden to overflow: scroll in dev tools in order to get the effect I desire.

Example of problem:

Notice the errorMessage property on the cart is a string and the string continues off the panel. It would be nice if I could scroll right in that panel. Or, alternatively, if that text dropped down to the next line.

Hi @pinksalmon, thanks for your feedback.

Yeah, I'm aware of it. Probably it will be fixed in next version :)

I added "title" attribute for each long string value at 1.0.13, and a scrollbar at "Model" panel at 1.0.14.