Browser-sync: Sync form input

Created on 17 Oct 2016  路  3Comments  路  Source: BrowserSync/browser-sync

I proposed to add BrowserSync to react-boilerplate in this PR, all works well except form data: entering text on one device doesn't sync to the other device, although it is a simple form input.

Does BrowserSync intend to support form syncing and if yes, why does it not work in this case?
This also makes us question whether we can trust this product for more complex apps built on top of this boilerplate?

Most helpful comment

@sedubois Thanks for your interest!

You have highlighted an area of Browsersync that is long over-due some updates, we are certainly interested in improving this to the point where projects like yours are confident to use it.

onto the actual issue, Browsersync just catches all events at the document level - so if for some reason React is not propagating the event all the way back up the DOM, we may never see the change event on the input, and therefor cannot inform other browsers.

Needs fixing for sure, thanks for bringing it up again 馃憤

All 3 comments

I believe we run in the same issue as described here: https://github.com/BrowserSync/browser-sync/issues/22#issuecomment-97145920

@sedubois Thanks for your interest!

You have highlighted an area of Browsersync that is long over-due some updates, we are certainly interested in improving this to the point where projects like yours are confident to use it.

onto the actual issue, Browsersync just catches all events at the document level - so if for some reason React is not propagating the event all the way back up the DOM, we may never see the change event on the input, and therefor cannot inform other browsers.

Needs fixing for sure, thanks for bringing it up again 馃憤

Thanks, would be great to have it working!

Was this page helpful?
0 / 5 - 0 ratings