PM3D Multi-OAK "Live Feed" camera toolbar won't collapse

[jordannicolette]

Describe the bug When connected to a PM3D multi-oak system, and you open the camera list on the left, the list cannot close unless the page is refreshed. This becomes an issue when you "start" a flag in the data, toggle to a different camera, then can't collapse the side bar to flag the end of collection. Then when refreshing while before hitting "stop" the newly load pages prompts the user to "start" again.

To Reproduce Steps to reproduce the behavior:

1. Go to http://192.168.50.5/ while connected to the system
2. Click on 'START'
3. Open the camera sidebar on the left
4. try to close camera sidebar or hit "STOP"

Expected behavior Camera sidebar should collapse

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser : chrome and edge
• Version 129.0.6668.59

Smartphone (please complete the following information):

• Device: Iphone 14pro
• OS: [e.g. iOS8.1]
• Browser chrome and safari
• Version 129.0.6668.59

Additional context Button to collapse sidebar would solve issue

[alexrallen]

Frontend issue. Forwarding to @mikahpinegar for triage.

[mikahpinegar]

@akshat22 can you make a hotfix pr for this? you should be able to copy this feature in the rafiki branch that allows clicking anywhere outside of the camera list or other modals to auto close it

[mikahpinegar]

@jordannicolette are you using your phone for accessing the app? @alexrallen are we intending to have people access the system on smartphones? it's not currently built with that in mind and is geared towards tablet sized devices.

[akshat22]

@jordannicolette there should have been a dismiss button below the camera list which dismisses the dialog. Was it not visible on the device that you tested on?

[jordannicolette]

@jordannicolette are you using your phone for accessing the app? @alexrallen are we intending to have people access the system on smartphones? it's not currently built with that in mind and is geared towards tablet sized devices.

I was using my laptop originally where I had the issue, and then tested it on my IPhone where it was still an issue

[jordannicolette]

@jordannicolette there should have been a dismiss button below the camera list which dismisses the dialog. Was it not visible on the device that you tested on?

That button was not visible on either device. The last button on the list I believe was "Get Camera List". I believe I scrolled to the bottom but we'll have to check when we go out next @zackgrzywacz

[akshat22]

@jordannicolette Can you also share a screenshot of the screen with the dialog open whenever you get the chance?