Exploring the Material UI theme and stumbled upon an unexpected issue.
While experimenting with different palette options in palette > action, I noticed that the "active" value was affecting the icons inside a "List". Why is this happening?
sandbox: https://codesandbox.io/s/mui-theme-props-forked-gcp66?file=/src/index.js
You can find the styling for the ListItemIcon wrapper in the source code at this link.
I am trying to implement popovers that appear when a table cell in a Material UI table is clicked. I attempted to add an onclick function to the cell, but I am struggling to pass the element value to the function. How can I solve this issue? Below is a cod ...
Currently, I am in the process of updating Material UI to version 5. Initially, I encountered an error stating that onEntering is deprecated and should be replaced with transitionprops. There is a specific method (let's name it doSomething) that I wa ...
Is there a way to programmatically focus a select element in Material-UI within a useEffect block? I've tried passing a ref (ref={my ref}) directly to the component, but it doesn't work. Additionally, attempts with inputProps={{ ref: myRef }} or ...
I am a beginner with React and encountering difficulties while attempting to handle form submission. If anyone has insights into this issue, please share. I am using React Material-UI, as well as React-Hook-Form with the controller feature. Within my pro ...
Currently, I am working on a Reactjs project that utilizes Material Ui components. In this project, I am tasked with creating a form to generate a new event where users can select the event location type from three options - In-Person, Hybrid, and Virtual ...
How can I globally override the default grey background color for disabled items in Material-UI v4.1.x? I know how to do it for specific components like MuiMenuItem, but I'd prefer a solution that doesn't require me to add overrides for each indi ...
I am currently in the process of developing an application using the Material UI library for ReactJS. I am exploring the capabilities of the Theme Overrides API to apply global styles to a component, specifically when it is a child of another specific comp ...
Hey there! I'm working on some code and wondering if it's doable to replace the Link To with a history.push, including the following parameter, like so: <TableCell style={{width: '10%'}}> <Link to={`/run-id/${item.run_ ...
While trying to utilize the MaterialUI Select component with typescript/reactjs, I encountered an issue during the instantiation of the Select element. The error message I'm receiving states: Type 'Courses' is missing the following properti ...
I am encountering an issue with a button that opens up a Material UI Dialog containing a TextField. However, I am unable to click into the TextField to input any text. Additionally, when clicking on the button to open the Dialog, I receive the error messag ...
I've been working on implementing pagination, and while it technically works, I'm facing an issue with the color of the outline and numbers. The black color against my dark background made it hard to notice initially. I've been attempting t ...
Currently, I'm implementing the use of SelectField from material-ui in my React project. Despite attempting various solutions found in this response Can't get the target attributes of material-ui select react component, none of them seem to work ...
I am attempting to implement a price range feature using the mui slider along with two text fields for setting the minimum and maximum prices. Although I am able to retrieve the correct numbers in the console, I am facing an issue where the slider is not ...
I noticed that when inspecting the code, it appears that all the input styles I've defined are actually applying to the outer div created by Material UI that wraps the Input. However, other styles seem to be working fine, so I'm a bit confused ab ...
Looking to create a new file that will house helper functions for multiple components sharing the same logic. The challenge arises when trying to access my locale.ts file within this new file in order to utilize the current language based on the theme (loc ...
I've encountered a problem that I couldn't find a solution for on Google. I've developed a React/Material UI library with numerous components extended from Material UI within a yarn workspace, alongside a main app. The library is constructed ...
Exploring react testing library for the first time. I encountered an issue while attempting to test my code that is wrapped with the Hidden Component from material UI. Surprisingly, despite the component being visible in the DOM, the test fails. Snippet o ...
I am currently working with the Material-UI Collapsible table feature. My goal is to change the color of the selected row, and I have achieved this by applying the following CSS: const styles = theme => ({ tableRow: { '&.Mui-selected, &am ...
Trying to implement a timer that calculates the time difference based on a timestamp retrieved from the store. The data is dynamically filled. Using React MUI (Datagrid) and struggling to get it working. Although I see the correct values in the console, ...
How can I access complex objects in the GRID component of material UI? Specifically, I am trying to access the ami_info.account, but it only displays Undefined in the UI. var columns = [ { field: 'id', headerName: 'ID', width: 90, ...