22,626 questions
-2
votes
0
answers
85
views
Initial filterModel values not displayed in filter panel [closed]
I'm experiencing an issue with MUI X DataGrid where initial filter values are not visually displayed in the filter panel, even though the filter is correctly applied to the data.
I have a React ...
- 684
Best practices
1
vote
0
replies
82
views
Recommended Type-Safe Way to Add locators like "data-testid" to MUI / MUI X Components
We’re using MUI + MUI X with React + TypeScript, and our QA team uses Playwright + TS for automation.
We need a reliable, type-safe way to add locators like data-testid to MUI components (fields, ...
Best practices
0
votes
0
replies
53
views
Next.js 16 + MUI 7.3.9 + Tailwind 4.2 Setup
How properly configure Next.js 16 + MUI 7.3.9 + Tailwind 4.2?
// layout.tsx:
import type { Metadata } from "next";
import { Bebas_Neue, Rubik_Mono_One, Ultra } from "next/font/google&...
- 99
1
vote
1
answer
62
views
MUI container query
I want to use a container query in MUI in the same way the useMediaQuery hook works.
But there is no useContainerQuery hook in MUI right now. So how can I use a container query in a component like:
...
- 1,763
Advice
0
votes
0
replies
23
views
Type-safe way to use MUI's CSS variables in a SSR component?
I have a Next.js app that primarily uses static or SSR components. I want to style my components using the custom MUI theme I created. I am aware as of MUI v7, there is support for CSS variables which ...
-1
votes
1
answer
191
views
How to update column without updating whole table?
The problem is that I can't update cells of column without updating the whole table. Is there any way to update column and rerender only cells of this column?
Here is the working minimum code:
<!-- ...
- 2,236
0
votes
0
answers
36
views
NextJS + MUI app does not follow the mode set by the Operating system
The code shown below, works as detailed below:
Case 1: When the Browser appearance is set to dark, it works well, giving dark mode.
Case 2: When the Browser appearance is set to light, it works well, ...
- 2,160
1
vote
1
answer
102
views
How to Separate Buttons in MaterialButtonToggleGroup
The best I can do:
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/file_type_toggleGroup"
android:layout_width="wrap_content"
android:...
- 9,218
1
vote
1
answer
99
views
MUI DatePicker border color won’t change on focus despite using sx and !important
I’m trying to change the border color of a MUI DatePicker component, including its focused state. I’ve tried targeting the fieldset inside MuiOutlinedInput-root with sx, even adding !important, but ...
- 31
0
votes
0
answers
54
views
CoordinatorLayout + NestedScrollView: adjustResize doesn’t scroll to focused view; adjustPan hides dropdown behind keyboard
I'm developing an Android application (Java) using the standard layout structure: CoordinatorLayout + AppBarLayout + NestedScrollView. I have a long form where some text fields are positioned at the ...
- 73
0
votes
1
answer
101
views
Android Side Sheet Dialog Dismiss on Content View Click
Side Sheet Dialog Layout:
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/...
- 9,218
1
vote
0
answers
164
views
Transparency with Jetpack Compose Cards
I'd like to display a Card with a transparency of 0.5. However, that suddenly shows a rectangle in the middle of the card.
Left without transparency, right with 0.1f.
The code is really simple:
@...
- 974
Advice
0
votes
0
replies
75
views
css/react/mui border radius like
Graphic designer designed this component that should display forms and messages like an auth form...
I'm a bit confused on how should I code the top right border... I thought a simple border-radius ...
- 2,065
0
votes
2
answers
149
views
Define custom CSS variables in MUI for both light and dark mode
This is my theme config in my MUI app:
import { createTheme } from '@mui/material/styles';
declare module '@mui/material/styles' {
interface Theme {
myVariable: string;
}
interface ...
- 3,158
0
votes
0
answers
53
views
Simple Mui TextField crashing in RTL locale
My application is there for a long time and everything works perfectly in both the locales we support en and ar.
So I don't think there is any issue with the localization setup.
But now for a simple ...
- 4,442
