mattermost-community/focalboard

Bug: Card content menu causes card view to spazz out

Open

#3.112 geöffnet am 24. Mai 2022

Auf GitHub ansehen
 (0 Kommentare) (1 Reaktion) (0 zugewiesene Personen)TypeScript (26.187 Stars) (2.542 Forks)user submission
BugHelp WantedSev/3Tech/ReactUp for grabs

Beschreibung

Steps to reproduce the behavior

  1. Scroll down to the bottom of any card
  2. Click on the Add Content button and select "Text"
  3. Hover over the new "Text" field and select the ... button on the left
  4. Mouse over the "Insert above" option
  5. Without clicking on anything, scroll down so the mouse is below the context menu
  6. See error

Expected behavior

Context menu should be fully visible without requiring any scrolling. Related to https://github.com/mattermost/focalboard/issues/2189

Screenshots (optional)

https://user-images.githubusercontent.com/93531870/170126172-4daa1bc0-c457-4c4d-9ca2-131163e099b6.mov

Edition and Platform

  • Edition: Mattermost Boards (plugin)
  • Version: v0.15.0
  • Browser and OS: Chrome on Mac

Additional context

Additional user submitted screen recording: https://cloud-x.vaitschulis.com/XK09iV

Contributor Guide

Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactCSS positioningDOM scrolling
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
Examine the context menu component's CSS, focusing on positioning and scroll handling. The bug occurs when scrolling while hovering over the menu, causing it to not be fully visible. Check for overflow properties on ancestor elements. Relates to issue #2189. Use browser DevTools to inspect the menu's computed styles and identify the container causing the scroll issue. A potential fix could involve using `position: fixed` or adjusting the overflow of a parent element.