Cannot change Charging or Bluetooth Connected in emulator settings.

[KiserDesigns]

After latest SDK update (I think to .149, which added touch, speaker, and backlight to the emulator on CloudPebble), the checkboxes for "Charging" and "Bluetooth" cannot be changed. I can change the battery level, 24-hour mode, mute audio, and quick view, but not charging or bluetooth.

Tested in Edge 147.0.

[ericmigi]

Yup this just needs a PR to add to the UI I think

[KiserDesigns]

This issue has been corroborated by tudza while trying to debug some behavior of one of their watchfaces: https://forum.repebble.com/t/trouble-waking-watch-from-sleep/612/2

Tutorial steps are currently unfollowable because of the broken Charging and Bluetooth Connected controls.

[KiserDesigns]

To clarify, the Charging and Bluetooth buttons found in the emulator settings cog popup do work on these platforms:
Aplite, Basalt, Chalk, Diorite, Flint, Gabbro
They do not work on:
Emery

So this problem only presents itself when emulating Emery (PT2). Maybe this helps track things down.
(My immediate thought is that is has to do with the Mute Audio button being there, but the Charging and Bluetooth checkboxes work on Flint which also has the speaker. Will have to look into this more closely)

[chriseilander]

The checkbox for 24-hour also doesn't react to a click. As @KiserDesigns notes, it only happens on Emery (although I haven't tried Chalk or Gabbro).

[edit]
Want to add on this that the "Try in Browser" feature from the app store, which also goes to CloudPebble, does have functioning "Charging", "Bluetooth" and "24-Hour" buttons on the Emery emulator.

[KiserDesigns]

Want to add on this that the "Try in Browser" feature from the app store, which also goes to CloudPebble, does have functioning "Charging", "Bluetooth" and "24-Hour" buttons on the Emery emulator

This note gives a great starting point for seeing what the problem is. If it's working one place and not the other, then maybe the working version can be copied over.

[chriseilander]

I think I found the problem. The popover with the settings is over the canvas of the emulator, but the emulator is taking the clicks.

If you look in the inspector, the canvas falls exactly over the Charging, Bluetooth, and 24-hour checkboxes.

This canvas is probably "stealing" any clicks in this area (for the touchscreen), since it doesn't do anything to left or right clicks right in this spot. A little to the left is fine. (The battery slider is never affected by the canvas though)

Repositioning the popover to the right by editing the CSS makes it work.

The reason the problem doesn't occur on the "Try in Browser" variant is because there the popover doesn't block the emulator canvas.

And the other platforms don't seem to have this problem because the popover is never positioned over the canvas.