ScrollArea nested inside NavSecondary of Sidebar doesn't control scroll with swipe on mobile devices.

[JohnFScha]

<ScrollArea className="h-[300px] overflow-y-scroll p-3">
          {sortedData.length === 0 ? (
            <p className="text-center text-muted-foreground p-3 text-sm">No notifications</p>
          ) : (
            sortedData.map((notification) => (
              <div
                key={notification.id}
                className={`w-full mb-2 rounded-lg flex cursor-pointer hover:bg-secondary transition-all duration-150 items-center gap-5 px-3 py-2 text-left h-auto ${!notification.read ? "bg-muted/75" : "bg-muted/40"}`}
                onClick={() => handleToggleRead(id!, notification.id.toString())}
              >
                <div className="flex flex-col">
                  <div className="flex justify-between items-center gap-2">
                    <span className="font-medium text-sm truncate">{notification.title}</span>
                    <span className="text-[10px] text-muted-foreground whitespace-nowrap">
                      {notification.createdAt
                        ? new Date(notification.createdAt).toLocaleString("es-ES", {
                          month: "short",
                          day: "numeric",
                          hour: "numeric",
                          minute: "numeric",
                        })
                        : ""}
                    </span>
                  </div>
                  <p className="text-xs text-muted-foreground whitespace-normal break-words break-all">
                    {notification.title === "Family Invitation"
                      ? "Open the dialog for more information"
                      : notification.message}
                  </p>
                </div>
                {notification.title === "Family Invite" && <FamilyInviteDialog notification={notification} />}
              </div>
            ))
          )}
        </ScrollArea>
        ```
        
Namely this ScrollArea component. This one is in a NavSecondary of a Sidebar. It just won't swipe up or down on cellphones, it only scrolls on moving the scrollbar that the overflow generates. I've been through the docs of radix-ui, and I cannot debug this behaviour for the life of me.

If anyone got into a bug like this and found the solution please let me know! 

And if you need a bit more content, I'll be sure to check up on this issue regularly!