Skip to content

fix(ui-source-code-editor): apply current theme to v2 search panel#2620

Open
ToMESSKa wants to merge 1 commit into
masterfrom
INSTUI-5081-source-code-editors-search-panel-is-not-applying-the-current-theme-v-2
Open

fix(ui-source-code-editor): apply current theme to v2 search panel#2620
ToMESSKa wants to merge 1 commit into
masterfrom
INSTUI-5081-source-code-editors-search-panel-is-not-applying-the-current-theme-v-2

Conversation

@ToMESSKa

@ToMESSKa ToMESSKa commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

INSTUI-5081

ISSUE:

  • the current theme is never applied to SourceCodeEditor's search panel

TEST PLAN:

  • check out the example under the Search header in SourceCodeEditor
  • open the search panel in each theme using cmd/ctrl+f
  • the current theme should be applied to the search panel and the dark theme should work too
  • pressing esc should close the search panel

@ToMESSKa ToMESSKa self-assigned this Jul 2, 2026
@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown
PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://instructure.design/pr-preview/pr-2620/

Built to branch gh-pages at 2026-07-02 15:28 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

github-actions Bot pushed a commit that referenced this pull request Jul 2, 2026
@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown

Visual regression report

No changes.

Status Count
Unchanged 32
Changed 0
New 0
Removed 0

📊 View full report

Baselines come from the visual-baselines branch. They refresh on every merge to master.

@ToMESSKa ToMESSKa requested a review from matyasf July 2, 2026 07:30

@matyasf matyasf left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

  • SearchPanel shows in the docs app, this is an internal component that should not show
  • see my inline comments also

createPortal(
<SearchPanel
view={view}
searchConfig={this.props.searchConfig!}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

This might be undefined if the prop's value changes runtime. Can you add something that only renders this if searchConfig is not null?

}

private shouldUpdateExtensions(prevProps: SourceCodeEditorProps) {
const propsToObserve: (keyof SourceCodeEditorProps)[] = [

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

add here searchConfig too

@ToMESSKa ToMESSKa force-pushed the INSTUI-5081-source-code-editors-search-panel-is-not-applying-the-current-theme-v-2 branch from 343e038 to 1710600 Compare July 2, 2026 14:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants