Custom CSS for scroll bar

[nanobill]

Hi,

I am having a hard time with the execution of custom Javascript to modify the scrollbar.

I've tried ExecuteJavaScript in OnLoadStart & OnLoadEnd (sometimes it works, sometimes it doesn't, sometimes it flickers).
Then, I decided to try CefRegisterExtension, finally realized that the document object model is not loaded before the extension. I went ahead and tried to create a custom extension, based on a chrome extension. It did not work either. And finally, decided to move OnLoadStart & OnLoadEnd to my Renderer Class, and implemented GetRenderProcessHandler(), and...didn't work.

I'm hoping someone could guide me through the process of successfully implementing a custom design for the scroll bar.

Thank you for your time.

[nanobill]

I'm starting to think this is a bug with cef. Did anyone successfully implement a custom scrollbar? If you did, try refreshing the page constantly, you'll see that the default scrollbar appears, and creates flickering. Sometimes, the custom scrollbar doesn't even appear. The javascript I have created uses the DOMContentLoaded event. Even with that, that javascript doesn't even inject the css sometimes, it's just random. Seems like an issue with the way cef handles OnLoadStart. Please advise.

[magreenblatt]

We need to add a new callback to do this reliably. See https://bitbucket.org/chromiumembedded/cef/issues/1454.

Do you control the content being loaded in the browser? If so, change the CSS style in the content.

[nanobill]

I will try to see what I can do. I've compiled CEF from source, I might be able to create that callback for the official source.

[fddima]

May be have sense try to extend user agent styles?

[nanobill]

My team and I have successfully implemented the OnDidCreateDocumentElement callback for the CefLoadHandler / Also updated the wrapper. Not sure how to push that update to the public though. We're now implementing the insertStyleSheet function to work correctly with Documents when that callback is called.

[fddima]

Not sure how to push that update to the public though.

Creating pull request looks like a best way. Also check https://bitbucket.org/chromiumembedded/ ... WithGit.md , probably it will be helpful for you.

[nanobill]

Update #2

insertStyleSheet function has been successfully implemented in CefDOMDocument, which can be used with OnDidCreateDocumentElement.

I would like to push the update to the public, but the problem is, we're using a local build with quite a lot of modified code. Please advise.

[magreenblatt]

Update #2

insertStyleSheet function has been successfully implemented in CefDOMDocument, which can be used with OnDidCreateDocumentElement.

I would like to push the update to the public, but the problem is, we're using a local build with quite a lot of modified code. Please advise.

https://bitbucket.org/chromiumembedded/ ... l-requests

[fddima]

Update #2

insertStyleSheet function has been successfully implemented in CefDOMDocument, which can be used with OnDidCreateDocumentElement.

I would like to push the update to the public, but the problem is, we're using a local build with quite a lot of modified code. Please advise.

Does it possible make this universal? I.e. allow insert any element?