<Textfield multiline /> value doesn't show up

Value that is loaded whilst being in different <TabPanel/> doesn’t show until activation of field (like clicking)

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

In 3 different <TabPanel/> I have some form elements. During loading first <TabPanel/> is active and it’s values are loaded, showed as suppose to. Other two tabs (which are not active) get their values (all of those tabs share same object for initial values display), fields get populated, except for fields <Textfield multiline/> (they actually have those values, but doesn’t show until clicked)

Expected Behavior 🤔

<Textfield multiline/> should display text in input same as <TextField/>

Steps to Reproduce 🕹

Steps:

1. Created from which is divided in some parts and displayed in tabs
2. Create redux-thunk reducer to fake READ operation from API
3. useEffect(() => onGetClaim(id), [onGetClaim()]) in parent component (Your tab control component)
4. <TabPanel tabIndex={tabValue} value={0}> <InitialClaimForm currentClaim={currentClaim}/> </TabPanel> <TabPanel tabIndex={tabValue} value={1}> <ProductDescriptionForm currentClaim={currentClaim}/> </TabPanel> <TabPanel tabIndex={tabValue} value={2}> <SuggestedActionsForm currentClaim={currentClaim}/> </TabPanel> Pass loaded data to components and switch active tabs. <Textfield multiline /> items won’t show value until clicked

I would gladly provide source code, because I couldn’t manage to port code to codesandox and it’s hard to pin down where exactly problem is

Context 🔦

I am trying to create Edit form which is split into 3 parts by using Tabs,Tab,TabPanel(custom div) components. I load data from redux using action creator in parent component of that form.

Your Environment 🌎

Tech	Version
Material-UI	v4.11.0
React	16.13.1
Browser	Firefox Developer Edition, Chrome
TypeScript
etc.

[embeddedt]

Do you have a reproduction of the issue?

Right now I can reproduce it 100% of the time in my private project, however, I don’t have a simplified reproduction case.

I assume that #27840 is not going to be backported to v4, right? My understanding of v5 is that IE11 support is essentially “as-is”, and could break at any point during the release cycle. Consistent IE11 support is unfortunately necessary for the time being (not my decision).

[jakubbloksa]

@oliviertassinari Oh, I didn’t know they mount with display: none, seems like that is the problem. I will try some work-arounds. Thanks for the help, good catch!