scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-09-05 08:10:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge a97a8b6713 into 7adbfec2a4

Browse source
This commit is contained in:
roomote-v0[bot] 2026-04-09 15:48:57 +08:00 • committed by GitHub
commit ba678f08e8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
webview-ui/src/components/common/MarkdownBlock.tsx
View file

@ -166,11 +166,8 @@ const StyledMarkdown = styled.div`
/* Table styles for remark-gfm */
table {
border-collapse: collapse;
margin: 1em 0;
width: auto;
min-width: 50%;
max-width: 100%;
table-layout: fixed;
}
/* Table wrapper for horizontal scrolling */
@ -184,8 +181,7 @@ const StyledMarkdown = styled.div`
border: 1px solid var(--vscode-panel-border);
padding: 8px 12px;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: nowrap;
}
th {

22
webview-ui/src/components/common/__tests__/MarkdownBlock.spec.tsx
View file

@ -88,6 +88,28 @@ describe("MarkdownBlock", () => {
expect(screen.getByText("Step three")).toBeInTheDocument()
})
it("should render tables inside a scrollable wrapper", async () => {
const markdown = `| Column A | Column B | Column C |
| --- | --- | --- |
| Data 1 | Data 2 | Data 3 |`
const { container } = render(<MarkdownBlock markdown={markdown} />)
await screen.findByText("Column A")
// Table should be wrapped in a .table-wrapper div for horizontal scrolling
const wrapper = container.querySelector(".table-wrapper")
expect(wrapper).toBeInTheDocument()
const table = wrapper?.querySelector("table")
expect(table).toBeInTheDocument()
// Verify table content renders correctly
expect(screen.getByText("Column B")).toBeInTheDocument()
expect(screen.getByText("Data 1")).toBeInTheDocument()
expect(screen.getByText("Data 3")).toBeInTheDocument()
})
it("should render nested lists with proper hierarchy", async () => {
const markdown = `Complex list:
1. First level ordered