Buttons (month, year) do not work in mobile

a24julot commented

2026-05-13 07:44:09 +00:00

Collaborator

Buttons in TemperatureMonthView and TemperatureYearView do not work as intended in mobile view.

a24julot added the

bug

label

2026-05-13 07:44:09 +00:00

a24julot referenced this issue

2026-05-13 07:45:34 +00:00

Temperature month and year button styling #895

b24johka commented

2026-05-13 08:08:54 +00:00

Collaborator

Is this issue identified by connecting with an actual mobile device or using responsive mode on a desktop web browser?

a24julot commented

2026-05-13 08:18:32 +00:00

Author

Collaborator

@b24johka wrote in #938 (comment):

Is this issue identified by connecting with an actual mobile device or using responsive mode on a desktop web browser?

On a desktop web browser.

@b24johka wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/938#issuecomment-10522: > Is this issue identified by connecting with an actual mobile device or using responsive mode on a desktop web browser? On a desktop web browser.

👍 1

b24johka was assigned by a24julot

2026-05-13 08:20:16 +00:00

b24johka commented

2026-05-13 08:45:59 +00:00

Collaborator

I would like to further imply that the original temperature view doesn't seem to work either, Clockview toggle button does not respond to touch events and neither does SMHI forecast view.

Maybe it would be appropriate to change this issue to focus on fixing all of the views? chances are big that its the same core issue for all of them.

I would like to further imply that the original temperature view doesn't seem to work either, Clockview toggle button does not respond to touch events and neither does SMHI forecast view. Maybe it would be appropriate to change this issue to focus on fixing all of the views? chances are big that its the same core issue for all of them.

b24johka commented

2026-05-13 09:01:26 +00:00

Collaborator

Map view doesnt respond well either.

b24hugst commented

2026-05-13 12:08:04 +00:00

Collaborator

I tested this on chrome just switching to phone in device toolbar. I noticed the buttons don't work when in edit mode, but they work for me here when outside of edit mode. Although I don't know how accurate this chrome toolbar thingy is.

a24julot commented

2026-05-13 13:09:04 +00:00

Author

Collaborator

Sure, you can change to title @b24johka . But if you want, I can make separate issues for the views, but do whatever suits you!

b24johka commented

2026-05-13 14:10:00 +00:00

Collaborator

Spent alot of time trying to understand the problem without any success, apperantly this has been an issue all the way back to team_1_week_3. Like mentioned above it is only a problem when in edit mode.

It super weird how its only a problem on phones, i tried removing all of the responsive CSS and nothing changed.
Right now, my bet is that somehow the react grid layout is stealing all pointer events from the buttons.
Its also worth mentioning that the buttons work in edit mode but only if you double click them, made me suspect that something from the old "Double click to resize" was left in the code.

I will keep searching for whatever is causing this issue, and keep this issue updated.

Spent alot of time trying to understand the problem without any success, apperantly this has been an issue all the way back to **team_1_week_3**. Like mentioned above it is only a problem when in edit mode. It super weird how its only a problem on phones, i tried removing all of the responsive CSS and nothing changed. Right now, my bet is that somehow the react grid layout is stealing all pointer events from the buttons. Its also worth mentioning that the buttons work in edit mode but only if you double click them, made me suspect that something from the old "Double click to resize" was left in the code. I will keep searching for whatever is causing this issue, and keep this issue updated.

👀 1

b24erika was assigned by a24julot

2026-05-18 09:45:51 +00:00

b24erika commented

2026-05-18 09:53:55 +00:00

Collaborator

Since the entire view is draggable, button presses are interpreted as drag attempts to reposition the view. By disabling dragging on the view's buttons, the issue is resolved. This needs to be applied to all views that implement their own buttons.

enableEdit activates dragging through dragConfig={{ enabled: enableEdit }}, which is why the buttons work normally when edit mode is disabled.

Since the entire view is draggable, button presses are interpreted as drag attempts to reposition the view. By disabling dragging on the view's buttons, the issue is resolved. This needs to be applied to all views that implement their own buttons. enableEdit activates dragging through ``dragConfig={{ enabled: enableEdit }}``, which is why the buttons work normally when edit mode is disabled.

Inspelning 2026-05-18 115104.mp4

1.3 MiB

b24erika commented

2026-05-18 10:33:41 +00:00

Collaborator

Implementation is done, updated all current views with buttons and a pull-request has been made.

Implementation is done, updated all current views with buttons and a [pull-request](https://git.webug.se/Andras/BoundlessFlowCampus2K/pulls/990) has been made.

👍 1

b24erika added reference 938-fix-view-button-mobile

2026-05-18 10:33:47 +00:00

b24erika added the

frontEnd

needs review

labels

2026-05-18 10:33:53 +00:00

b24erika added

close

reviewed

and removed