When the Garmin Device synch the "tennis" activity, the map breaks the "event type" dropdown

Great find!

I also noticed:

- this also happens for all other racket sports and snorkeling. haven't tried all the activity types tho

- when it happens, both the event type and course dropdowns are hidden behind the map

- this can be reproduced by changing the type of a working activity (like running or cycling) to one of the problem types (like tennis). Similarly, if you change a problem type to a working type, the problem goes away. So one obvious workaround would be to temporarily change the activity type, change the event type (or course), then change the activity type back. (Not that you should have to do that - I think Garmin should fix this)

- it has something to do with the map rendering. For activities where this problem doesn't happen (dropdowns appear in front of the map), the track is rendered sharply, and there's start and end markers. When it happens, the track is blurred and there's no start or end markers -- in this case, dropdowns appear behind the map). Based on inspection in the browser dev tools, this "blurry track" is actually supposed to be a heatmap. idk why some activities show a real track and others only show a "heatmap" (which doesn't make much sense for an individual activity). Other than its appearance, this "heatmap" / blurry track seems to work just like the regular activity track - when you hover over it with the mouse, the corresponding position is indicated in the activity graphs, and vice versa

Another workaround (on desktop) is to right-cllick on the map, select Inspect, and delete the map element, which looks like this:

<div class="activity-react-heatmap-map">