JUSN/tickte-system
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

debug: instrument dropdown clipping in TicketCard (temp)

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Webklar Deploy
2026-06-17 10:45:48 +00:00
parent d20a4de117
commit 43a8064ad5
1 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/TicketCard.jsx
View File

@@ -44,6 +44,37 @@ export default function TicketCard({ ticket, onUpdate }) {
const stop = (e) => e.stopPropagation()
// #region agent log
const logClip = (e, which) => {
try {
const root = e.currentTarget
const content = root.querySelector('.dropdown-content')
if (!content) return
requestAnimationFrame(() => {
const cr = content.getBoundingClientRect()
const clippers = []
let el = content.parentElement
while (el && el !== document.body) {
const cs = getComputedStyle(el)
if (cs.overflowX !== 'visible' || cs.overflowY !== 'visible') {
const r = el.getBoundingClientRect()
clippers.push({
cls: String(el.className || '').slice(0, 40),
ox: cs.overflowX, oy: cs.overflowY,
cutBottom: +(cr.bottom - r.bottom).toFixed(1),
cutRight: +(cr.right - r.right).toFixed(1),
cutTop: +(r.top - cr.top).toFixed(1),
cutLeft: +(r.left - cr.left).toFixed(1),
})
}
el = el.parentElement
}
fetch('http://127.0.0.1:7284/ingest/0747da40-b90b-4354-9b84-c9b550a81ec9', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': '693b5f' }, body: JSON.stringify({ sessionId: '693b5f', runId: 'pre-fix', hypothesisId: 'A', location: 'TicketCard.jsx:hoverClip', message: 'dropdown clip measure', data: { which, contentH: +cr.height.toFixed(1), clippers }, timestamp: Date.now() }) }).catch(() => {})
})
} catch { /* ignore */ }
}
// #endregion
const handleCreateWorksheet = async (worksheetData, currentUser) => {
const result = await createWorksheet(worksheetData, currentUser)
if (result.success && worksheetData.newStatus !== ticket.status) {
@@ -66,7 +97,7 @@ export default function TicketCard({ ticket, onUpdate }) {
<div className="tcard-body">
<div className="tcard-row1">
<span className="tcard-customer">{ticket.customerName || 'Unbekannt'}</span>
{ticket.customerLocation && <span className="tcard-loc"><EFBFBD> {ticket.customerLocation}</span>}
{ticket.customerLocation && <span className="tcard-loc"><EFBFBD> {ticket.customerLocation}</span>}
</div>
<div className="tcard-topic">{ticket.topic || ticket.title || 'Kein Betreff'}</div>
<div className="tcard-badges">
@@ -78,7 +109,7 @@ export default function TicketCard({ ticket, onUpdate }) {
</div>
</div>
<div className="tcard-side" onClick={stop}>
<div className="tcard-side" onClick={stop} onMouseEnter={(e) => logClip(e, 'side-status-prio')}>
<div style={{ minWidth: 120 }}>
<StatusDropdown value={ticket.status} onChange={(v) => onUpdate(ticket.$id, { status: v })} />
</div>
@@ -91,7 +122,7 @@ export default function TicketCard({ ticket, onUpdate }) {
{expanded && (
<div className="tcard-detail">
<div className="flex gap-3 wrap" style={{ marginBottom: 16, fontSize: 13 }}>
<div className="flex gap-3 wrap" style={{ marginBottom: 16, fontSize: 13 }} onMouseEnter={(e) => logClip(e, 'detail-editor-response')}>
<span className="muted"><FaPlay style={{ color: 'var(--ok)' }} /> {ticket.startDate || format(createdAt, 'dd.MM.yyyy')}</span>
<span className="muted"><FaStop style={{ color: 'var(--danger)' }} /> {ticket.deadline || '-'}</span>
{ticket.requestedBy && <span className="muted">Angefragt von: {ticket.requestedBy}</span>}