peter/RealCV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix text cursor appearing on non-editable elements

Browse Source 
- Add universal cursor inherit rule for consistent cursor behavior
- Add user-select: none to prevent text selection on UI elements
- Expand element coverage to include modals, tooltips, and inline elements
- Preserve text cursor and selection for form inputs with !important

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Peter Foster
2026-01-21 10:53:13 +00:00
parent 5ba787aff9
commit 7510ef3670
1 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/TrueCV.Web/wwwroot/app.css
View File

@@ -86,7 +86,12 @@ html, body {
cursor: default; cursor: default;
} }
/* Prevent text cursor on non-editable elements */ /* Universal default cursor - prevents text cursor on non-editable elements */
* {
cursor: inherit;
}
/* Prevent text cursor and selection on non-editable elements */
h1, h2, h3, h4, h5, h6, p, span, div, section, article, header, footer, nav, main, aside, h1, h2, h3, h4, h5, h6, p, span, div, section, article, header, footer, nav, main, aside,
label, li, ul, ol, table, tr, td, th, thead, tbody, tfoot, img, svg, picture, figure, label, li, ul, ol, table, tr, td, th, thead, tbody, tfoot, img, svg, picture, figure,
path, circle, rect, line, polyline, polygon, ellipse, g, use, text, tspan, path, circle, rect, line, polyline, polygon, ellipse, g, use, text, tspan,
@@ -94,15 +99,32 @@ path, circle, rect, line, polyline, polygon, ellipse, g, use, text, tspan,
.breadcrumb, .breadcrumb-item, .progress, .progress-bar, .spinner-border, .breadcrumb, .breadcrumb-item, .progress, .progress-bar, .spinner-border,
.score-ring, .score-ring-container, .stat-card, .stat-item, .feature-card, .score-ring, .score-ring-container, .stat-card, .stat-item, .feature-card,
.employment-row, .timeline-segment, .file-type-icon, .employment-row, .timeline-segment, .file-type-icon,
[role="status"], [role="progressbar"] { [role="status"], [role="progressbar"], [role="presentation"],
.modal, .modal-content, .modal-header, .modal-body, .modal-footer,
.tooltip, .popover, .dropdown-menu, .list-group-item,
small, strong, em, b, i, u, mark, del, ins, sub, sup, code, pre, blockquote,
::before, ::after {
cursor: default; cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
/* Ensure form inputs still have text cursor */ /* Ensure form inputs still have text cursor and text selection */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="url"], input[type="tel"], input[type="number"], textarea, select, input[type="url"], input[type="tel"], input[type="number"], textarea,
[contenteditable="true"] { [contenteditable="true"] {
cursor: text; cursor: text !important;
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
/* Select dropdowns need auto cursor */
select {
cursor: pointer !important;
} }
/* Checkboxes should have pointer cursor */ /* Checkboxes should have pointer cursor */