"Sticky" not working in Firefox extension content script

[morninj]

I built a Chrome extension that injects the Ink CSS and JS into certain pages that the user views. It works wonderfully. But now I'm trying to port the extension to Firefox, and I can't get Ink to work.

I'm injecting the Ink JS using a content script. When I run cfx run to test the extension, I get this error:

Object
  - prototype Object
console.warn: [extension name]: Sticky_1 was not correctly created.
console.warn: [extension name]: You called a method on an incorrectly instantiated Sticky_1 component. Check the warnings above to see what went wrong.

[fabiosantoscode]

Hello, and sorry for the delay!

That message shows up when an exception occurs in the _init method of UI components. So Sticky.prototype._init must be throwing an exception somewhere. Could you try to wrap it in a try..catch, and log the error?

Also, what options are you using?

[morninj]

I'm using autoload.js. I'm trying to catch any errors with window.onerror, but nothing appears.

Here's my .ink-sticky element:

<nav class="ink-navigation ink-sticky" data-offset-top="4">

Thanks!

[fabiosantoscode]

Errors in _init just get trapped in the UI component machinery. That's why you need the try..catch to really be inside the _init function. Those options don't seem too advanced. Probably your problem will be reproducible in any usage of Sticky in that environment. I'll give it a try later today and tell you how it went.

[fabiosantoscode]

I'll give it a try later today and tell you how it went.

I'm sorry, but I can't find the time to learn how to do this. Could you try to modify ink-all by wrapping Sticky's _init method in a try..catch and logging the exception and stack for me? I should be able to tell what went wrong and devise a fix for Firefox extensions then.