<p dir="auto">This works fine in Chrome React DevTools, only an issue in the Firefox flavor.</p>
<p dir="auto">React version: N/A</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Use the React DevTools in Firefox</li>
<li>With the Components inspector open, press e.g. CMD-+ or CMD-- to increase/decrease the UI font size</li>
</ol>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">The rest of the debugger UI reacts (heh) to the change in font size, but the React DevTools font remains tiny. This is a critical accessibility issue -- I have a visual disability and this makes the DevTools extremely hard to use.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10970257/109089753-9926ef80-76c6-11eb-9f1d-b308f4313abb.png"><img src="https://user-images.githubusercontent.com/10970257/109089753-9926ef80-76c6-11eb-9f1d-b308f4313abb.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">The React DevTools UI also changes font size.</p>
<p dir="auto">This was a bit weird:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/810438/28973995-cebc65bc-792c-11e7-8f7f-066a4ca038dd.png"><img width="967" alt="screen shot 2017-08-04 at 3 51 29 pm" src="https://user-images.githubusercontent.com/810438/28973995-cebc65bc-792c-11e7-8f7f-066a4ca038dd.png" style="max-width: 100%;"></a></p>
<p dir="auto">Look at the last log.</p>
<p dir="auto">Notice how our internal error that we're supposed to just give to the error boundary is said to be uncaught. I wonder why. It doesn't look like intentional.</p>