Skip to content

Update dataset editor file browser modal to use spx theme css#292

Open
klpoland wants to merge 3 commits into
masterfrom
feature-kpoland-enhanced-dataset-editor-file-browser
Open

Update dataset editor file browser modal to use spx theme css#292
klpoland wants to merge 3 commits into
masterfrom
feature-kpoland-enhanced-dataset-editor-file-browser

Conversation

@klpoland
Copy link
Copy Markdown
Collaborator

@klpoland klpoland commented Jun 4, 2026

No description provided.

@semanticdiff-com
Copy link
Copy Markdown

semanticdiff-com Bot commented Jun 4, 2026

@klpoland klpoland self-assigned this Jun 4, 2026
@klpoland klpoland requested a review from lucaspar June 4, 2026 13:07
@klpoland klpoland added feature New feature or request gateway Gateway component javascript Pull requests that update non-trivial javascript code labels Jun 4, 2026
lucaspar

This comment was marked as resolved.

aria-hidden="true"
tabindex="-1">
<i class="bi bi-file-earmark" aria-hidden="true"></i>
<span class="file-browser-name">${file.name}</span>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wrap user-defined fields like file.name in escapeHtml

rowSpan.innerHTML = `
<span class="item-content">
<i class="bi ${folderIcon}"></i>
${content.name || name}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wrap user-defined fields in escapeHtml

Comment on lines +1248 to +1254
rowSpan.className = "file-browser-row"
rowSpan.setAttribute("role", "button")
rowSpan.setAttribute("tabindex", "0")
rowSpan.setAttribute(
"aria-expanded",
initiallyExpanded ? "true" : "false",
)
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

rowSpan also needs a keydown handler to work with keyboard, one that runs the same function as the click listener below


const rowSpan = document.createElement("span")
rowSpan.className = "file-browser-row"
rowSpan.setAttribute("role", "button")
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if the parent has role "tree", I think this should be "treeitem"


const rowSpan = document.createElement("span")
rowSpan.className = "file-browser-row"
rowSpan.setAttribute("role", "option")
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if the parent has role "tree", I think this should be "treeitem"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature New feature or request gateway Gateway component javascript Pull requests that update non-trivial javascript code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants