5,204 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
3
votes
2
answers
128
views
How to handle multiple submit buttons with Antd Forms?
Consider the following code:
import { Button, Form } from 'antd'
export function App() {
const submitForm = (data: {submit: 'foo' | 'bar'}) => {
console.log(data)
}
return (
<...
Svip's user avatar
- 3,230
1
vote
0
answers
62
views
How to keep Antd submenu open on mouse leave while still opening new submenu on hover?
I have a dropdown menu with multiple levels of submenus.
The problem is that the submenu easily gets closed when the mouse accidentally moves out of it.
I know there is an attribute ...
1
vote
2
answers
653
views
TailwindCSS v4 utilities are too weak to override the styling of Ant Design v5 components
In TailwindCSS v3, the overrides still worked well, but from TailwindCSS v4 onward, it simply doesn't work, and Ant Design v5 always ends up being stronger. It seems this has to do with layers. How ...
1
vote
1
answer
55
views
Background image with blur in not working in Vuetify x Ant
I'm trying to add a blurry background image in an Ant Card.
What I want to do is make the background image of a card blurry, but the problem is that the background image is not showing up.
I used the ...
1
vote
0
answers
83
views
Is there a way to put all default table header buttons in dropdown menu with antd?
I use Ant-design Pro-Components for one project. Recently I had a problem with default table header buttons. I need to 'hide' them inside menu button that should open dropdown list. However, I can't ...
1
vote
0
answers
61
views
Ant Design Tree keeps scrolling with the mouse pointer even after releasing the mouse (during DnD), and also when the pointer is outside the tree
Description:
I'm using the Ant Design Tree component with drag-and-drop enabled. During drag, the tree auto-scrolls based on the mouse position — which is expected. However, it keeps scrolling even ...
0
votes
0
answers
59
views
Why does the z-index sometimes not get added to the filter popup in the Ant Design Table?
I'm using Ant Design to create a table, and there's an issue with one of the filter popups. When I run the application locally, I click on the filter icon on one of the columns and the popup comes up:
...
1
vote
2
answers
68
views
Child component must to rerender the parent (collapse component) one many times
It is need that when the button is pressed, it immediately turns red,
and in the second tab the value
changes to true. To do this, you need to rerender the parent component.
The option that is used ...
0
votes
2
answers
61
views
How to change Tree folder icon in Ant Vue Design with another SVG?
Have some SVG icons and I want to change the icons with default (Ant Vue Design Tree) Icons.
This is my code I am using tailwind and TypeScript, Vue.js and this is a component that will show in App....
1
vote
0
answers
69
views
React + typescript + antd collapse. How to pass data between collapse's elements?
How to pass data from the first element to the second one by clicking the button?
If we open the second component by clicking on the panel, it must to stay empty.
It is welcomed if the answer is with ...
0
votes
0
answers
59
views
Trying to filter out duplicate selections in a AntDesign Select block with little success
Basically I have this Select box that I'm trying to validate the inputs going into it, they can't be shorter or longer than 7 characters, and all the characters have to be numbers, and the input box ...
0
votes
0
answers
59
views
Dropdown with contextMenu trigger closes instantly when hovering — How to keep it open?
I'm using Ant Design's Dropdown component in a React app. The dropdown is triggered via right-click using trigger={["contextMenu"]}.
However, there's an issue:
When I right-click on the ...
0
votes
0
answers
39
views
TipTap in Form.List causes re-validation of the entire form when only formatting text
I'm using Ant Design Form.List to display an input table with multiple rows, each row has a Rich Text Editor using TipTap.
In each row I have:
Several Select, Input, etc. fields.
A TipTap text field, ...
1
vote
1
answer
42
views
ReactTS, antd, DataPicker. How to disable dates except the custom list?
How to disable all dates in the calendar except my custom list?
const disabledDates = ["2025-27-06", "2025-30-06", "2025年05月07日", "2025年10月07日"];
...
0
votes
0
answers
39
views
Reduce High INP score
i am using next.js 14 page router
i have a button on Navbar, on click of that button i use startTransition to change a boolean state and based on that state AntD modal is made vissible or hidden
on ...