ResizeObserver loop limit exceeded

[Kalcifer Kandari]

Keep getting a big red "ResizeObserver loop limit exceeded" error message every time a tiddler with a <video> tag is opened. The video otherwise plays and resizes fine. Is there a way to avoid it?

[Kalcifer Kandari]

I'm getting the error on this link http://kalcifer.net/#Nodius, I'm using up-to-date Chrome (71.0.3578.98) if that makes a difference. Just to clarify, I am referring to the HTML <video> tag as the source of the problem, not a tiddler tag.

[PMario]

hi,

which plugins do you use?

-m

[Kalcifer Kandari]

I already replied to this, but I think my message was deleted?

I don't use any plugins. Also, not sure if it will change be useful, but here is a link to the custom CSS tiddler. The relevant styles are under 'video {}'.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/vXVLQD58yPQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9bf713bc-28a7-468b-a689-f6f33df553ca%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Jeremy Ruston]

This error appears to be common, and the consensus is that it is harmless. See this StackOverflow answer for instance:

https://stackoverflow.com/a/50387233

But, of course, it’s not harmless for TW5 since we have a global error trap that reports it to the user; without that error trap it would just be another red message visible in the developer console.

I think we need more investigation to see whether the problem is triggered by some specific CSS on your site, or if the problem occurs with the standard TW5 theme. That may show a way to avoid it through rephrasing your CSS.

Otherwise, we’ll have to investigate ways of suppressing the error. Perhaps by adding support for a safelist of errors that should be ignored.

Best wishes

Jeremy

On 22 Jan 2019, at 09:29, Kalcifer Kandari <kalcife...@gmail.com> wrote:

I don't use any plugins. You can see the configuration of the wiki using the link I posted, nothing is hidden. I don't think it is caused by CSS, but that's at http://kalcifer.net/#Custom%20CSS, the relevant style is under 'video' near the top.

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d198353a-22df-4f48-adf3-3b0122602b5e%40googlegroups.com.

[Kalcifer Kandari]

I tried all sorts of different things, including using an <iframe> tag instead of <video>. The <iframe> did not generate any error message, but height of the <iframe> did not adapt when the tiddler got thinner, whereas the <video> tag does. I also tried creating a HTML file with a <video> tag inside, then including that file in an <iframe> within the tiddler, that also did not generate any errors, but that still had the fixed height issue.

Here is the HTML for the video, which is inside the tiddler http://kalcifer.net/#Nodius:

<video width="100%" height="100%" controls loop autoplay>  

  <source src="2019_01_22_07_34_06_2.mp4" type="video/mp4">  

  Your browser does not support the video tag.

</video>

Here is the CSS for that tag from the custom CSS tiddler http://kalcifer.net/#Custom%20CSS:

video { 

    width: 100% !important; 

    max-width: 960px !important; 

    display: block; 

    margin-left: auto; 

    margin-right: auto; 

}

Go ahead and edit the tiddlers in your browser and see what changes.

Kalcifer

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/vXVLQD58yPQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CC8B740B-A92A-43C2-9C75-380F61525ACD%40gmail.com.

[Kalcifer Kandari]

The error is caused by adding the 'controls' attribute to the <video> HTML tag.

A workaround is to just remove it because without the tag users can 'right click -> Show controls'. Of course if autoplay is not enabled it might be easy to miss that it is actually a video and not an image.

Kalcifer

[Kalcifer Kandari]

Any progress on this bug? I'm planning to have a lot of video content on my site and the lack of controls will obviously be a big problem.

To emphasise my last post, this happens with the default theme with no adjustments to the custom CSS. The error is caused by the 'controls' attribute of the <video> HTML tag, and shows up when the Tiddler is opened. It happens with any story view as well.

Example code within a normal Tiddler:

<video autoplay controls>  

  <source src="path/to/video.mp4" type="video/mp4">  

  Your browser does not support the video tag.

</video>

I was tempted to use CSS to hide all error messages entirely, but even though the message is not visible, HTML gets added over and over. This could be considered a memory leak because there would not be any ability to close them, eventually causing a slow browser for extended sessions with a lot of video content.

Some way to suppress that specific error would be nice.

Kalcifer

[Chris Fischer]

Still a bug a year later

Jeremy

To unsubscribe from this group and stop receiving emails from it, send an email to tiddl...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d198353a-22df-4f48-adf3-3b0122602b5e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/vXVLQD58yPQ/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.

[A Gloom]

I'm getting the error on this link http://kalcifer.net/#Nodius, I'm using up-to-date Chrome (71.0.3578.98) if that makes a difference. Just to clarify, I am referring to the HTML <video> tag as the source of the problem, not a tiddler tag.

On Monday, January 21, 2019 at 10:52:46 PM UTC, Kalcifer Kandari wrote:

Keep getting a big red "ResizeObserver loop limit exceeded" error message every time a tiddler with a <video> tag is opened. The video otherwise plays and resizes fine. Is there a way to avoid it?

Is the error a popup window error?  Viewing the link, opeining & closing the Nodius tiddler, hiding/revealing sidebar to force video in the Nodius tiddler to resize is not producing any noticeable error messages (outside of dev console) in FF74

[Kalcifer Kandari]

I stopped using the 'controls' attribute so the error didn't show. I just updated the site so it uses that attribute once again and I can't reproduce the bug anymore either, must have been fixed. See for yourself http://kalcifer.net/#Nodius. I did recently upgraded the site to tiddlywiki 5.1.21, so maybe that did the job.

Kalcifer

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/vXVLQD58yPQ/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/263a74e0-0633-4018-a3d1-379238ddf356%40googlegroups.com.

[A Gloom]

Kalcifer

I stopped using the 'controls' attribute so the error didn't show. I just updated the site so it uses that attribute once again and I can't reproduce the bug anymore either, must have been fixed. See for yourself http://kalcifer.net/#Nodius. I did recently upgraded the site to tiddlywiki 5.1.21, so maybe that did the job

Good that it cleared.  Could be TW version but I believe it may been a browser issur-- it the html video container/UI is like the html audio, each type of browser, i believe have their own implementation/design of the container/ui-- none of them are identiical-- and if thats true then it could cause incompatibilities..

[Kalcifer Kandari]

I just opened it in Chrome and Firefox with no issue.

Kalcifer

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/vXVLQD58yPQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/2312bd57-04c2-4a1e-aeb8-d6d2f6cac636%40googlegroups.com.