Using a theme component instead of an iframe to create a topic timer

[tshenry (Taylor)]

Alright, the theme component has been released! Please let me know if you find any issues with it or have any ideas on how it could be improved.

Topic Stopwatch

Installing this theme component will add a stopwatch to the top of a topic. A tag specified in the theme settings will establish which topics the stopwatch will appear. Example: [stopwatch-ex1] Settings There are three settings. You must add a single tag name to associate with a stopwatch. In this example I use a tag called “speed-read.” [ts-settings] Installation IMPORTANT: You must be running Discourse Version 2.0.0.beta4 or later for this theme component to work. https://meta.discourse.o…

Also, for anyone interested in solving the original question on how to disable iframe scrolling, simply add this code to the </head> tab of a theme of your choice:

<script type="text/discourse-plugin" version="0.8.18">
   api.decorateCooked($elem => $elem.children('iframe').attr("scrolling", "no"));
</script> 

(Shout-out to @vinothkannans for bringing to light the usefulness of decorateCooked() )