Skip to content

Fix RenderedJsonField not displaying in table cells - #63245

Merged
choo121600 merged 2 commits into
apache:mainfrom
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged

Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom
yuseok89:fix/rendered-json-field-monaco

Conversation

@yuseok89

@yuseok89yuseok89 commented Mar 10, 2026

Copy link
Copy Markdown
Contributor

XCom values were not displaying correctly.
This issue likely appeared after PR #62708 , though that is speculative.

The fix updates RenderedJsonField with:

  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts

Before

image

After

image

The connection form also displays JSON correctly with this change.
image

Was generative AI tooling used to co-author this PR?
  • Yes (please specify the tool below)
    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.

@boring-cyborgboring-cyborgBot added the area:UI Related to UI/UX. For Frontend Developers. label Mar 10, 2026
@yuseok89
yuseok89 marked this pull request as ready for review March 10, 2026 08:48
choo121600
choo121600 approved these changes Mar 10, 2026
View reviewed changes

@choo121600choo121600 left a comment

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.

It looks good to me:)
good catch!

@choo121600
choo121600 merged commit 396f818 into apache:mainMar 10, 2026
104 of 111 checks passed
@bbovenzibbovenzi modified the milestone: Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit to dominikhei/airflow that referenced this pull request Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit to Pyasma/airflow that referenced this pull request Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees

No one assigned

Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
})();
Fix RenderedJsonField not displaying in table cells by yuseok89 · Pull Request #63245 · apache/airflow · GitHub
Skip to content
Fix RenderedJsonField not displaying in table cells - #63245
Merged
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Mar 10, 2026
Merged
Fix RenderedJsonField not displaying in table cells#63245
choo121600 merged 2 commits into
apache:mainfrom 
yuseok89:fix/rendered-json-field-monaco
Conversation
@yuseok89
@yuseok89yuseok89
commented
Mar 10, 2026

Copy link


Copy Markdown

Contributor
XCom values were not displaying correctly.

This issue likely appeared after PR #62708 , though that is speculative.
The fix updates RenderedJsonField with:
  • flex={1} and minW={200} on the Flex container
  • A Box wrapper with position: relative/absolute so Monaco Editor renders correctly in flex layouts
Before
image
After
image
The connection form also displays JSON correctly with this change.
image
Was generative AI tooling used to co-author this PR?
  •  Yes (please specify the tool below)

    • Cursor
  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.
@boring-cyborgboring-cyborgBot
added
the 
area:UI
Related to UI/UX. For Frontend Developers.
label
Mar 10, 2026
@yuseok89
yuseok89
marked this pull request as ready for review
March 10, 2026 08:48
choo121600
choo121600
approved these changes
Mar 10, 2026
View reviewed changes
@choo121600choo121600
left a comment


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.

It looks good to me:)

good catch!
@choo121600
choo121600
merged commit 396f818
into
apache:mainMar 10, 2026

104 of 111 checks passed

@bbovenzibbovenzi
modified the milestone:
Airflow 3.1.9Mar 11, 2026
dominikhei pushed a commit
to dominikhei/airflow
that referenced
this pull request
Mar 11, 2026
@yuseok89@dominikhei
Fix RenderedJsonField not displaying in table cells (apache#63245)
a2d95bc
Pyasma pushed a commit
to Pyasma/airflow
that referenced
this pull request
Mar 13, 2026
@yuseok89@Pyasma
Fix RenderedJsonField not displaying in table cells (apache#63245)
6f48835
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@choo121600choo121600choo121600 approved these changes
@bbovenzibbovenziAwaiting requested review from bbovenzibbovenzi is a code owner
@pierrejeambrunpierrejeambrunAwaiting requested review from pierrejeambrunpierrejeambrun is a code owner
@ryanahamiltonryanahamiltonAwaiting requested review from ryanahamiltonryanahamilton is a code owner
@shubhamraj-gitshubhamraj-gitAwaiting requested review from shubhamraj-gitshubhamraj-git is a code owner
@guan404mingguan404mingAwaiting requested review from guan404mingguan404ming is a code owner
@vatsrahul1001vatsrahul1001Awaiting requested review from vatsrahul1001vatsrahul1001 is a code owner

Assignees


No one assigned


Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

3 participants

@yuseok89@choo121600@bbovenzi