365 questions
0
votes
0
answers
21
views
Weird scrolling behaviour in vite-pwa app on desktop
I'm experiencing strange scrolling behavior in my vite-pwa on the desktop.
The problem is as follows:
I have the component BulkDeltePanel.tsx, which contains the following:
<Sidebar visible={props....
- 291
0
votes
1
answer
55
views
Virtualization doesn't work in PrimeReact's ListBox
Versions:
"primereact": "^10.9.7"
"react": "^18.2.0"
I've added a component like this:
<ListBox
filter
multiple
value={myValue}
options={...
0
votes
0
answers
35
views
PrimeReact Editor adds unnecessary space while change the content
We have created SPFx React solution. We have used PrimeReact library in that project.
We have used the Editor component from PrimeReact library.
The editor works with initial data which passed on ...
0
votes
0
answers
32
views
How can I dynamically inject theme colors from JSON into PrimeReact's CSS/SCSS themes?
I'm building a React project with TypeScript that will be sold to multiple clients. To accommodate dynamic theming, all configuration—including theme colors, assets and texts—is fetched from an API ...
0
votes
0
answers
57
views
How to add Image and text in data label and legend in pie chart?
I have created SPFx React project and integrate chart js library in that projecct
I have used "chart.js": "^3.3.2" version.
I need to add an image/icon in data labels and legends.
...
1
vote
2
answers
89
views
How can I customize the sort icon color for specific columns in a PrimeReact table with multi-sort enabled?
I am using a PrimeReact table with multi-sort functionality, and I need to change the color of the sort icons for specific columns. Specifically, I want the sort icon in the Code column to be red and ...
- 792
1
vote
0
answers
44
views
PrimeReact checkbox not focussing using Tailwind
Context
We're using ReactPrime as UI lib for our NextJS, on top of which we apply our custom styles using Tailwind.
import { CustomDesignSystem } from "@/app/ui/design-system"
...
...
- 1,077
5
votes
2
answers
5k
views
dialog causes error Accessing element.ref was removed in React 19
I'm using primereact with nextjs but i get error Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.. so i guess ...
- 139
0
votes
0
answers
130
views
Quill Mention Integration with PrimeReact Editor Not Working
I am trying to integrate mentions (@) functionality in the PrimeReact Editor component using Quill and the quill-mention module, but it is not working as expected. I have tried multiple approaches to ...
- 26
0
votes
1
answer
224
views
UI elements are displayed shortly with a broken layout before shifting to their intended positions
I am building an application based on React, Next.js and Primereact.
I use the app router of Next.js.
When the page is loaded, the UI elements are displayed shortly with a broken layout before ...
- 67
0
votes
1
answer
234
views
How to style the Prime-React's component "FloatLabel"?
In the LoginPage of my website, the input fields use the FloatLabel component:
initial state image.
When the label floats on top, it blends with the background:
final state image.
I'm trying to change ...
-1
votes
1
answer
205
views
Problems CSP with Spring Boot and PrimeReact
we have an single-page-application, that uses Spring Boot as backend and React as frontend. We use PrimeReact as our component library for React.
We are packaging the React Application as a static ...
0
votes
1
answer
332
views
Tailwind base remove border and padding
I'm currently working on a project using the Calendar component from PrimeReact, and I've encountered an issue where the border and padding seem to be missing. I have a themes.css file in my public ...
- 33
1
vote
0
answers
115
views
How to Thoroughly Test PrimeReact AutoComplete Component with API Handling and Virtual Scrolling in React?
I’m working on a project using PrimeReact’s AutoComplete component to search customers by different criteria (e.g., name, mobile number, etc.). The search suggestions are fetched from an API, and the ...
- 115
0
votes
1
answer
136
views
how to pass filterMatchMode="contains" directly to Column component?
I'm beginning with React and PrimeReact.
In docs https://primereact.org/datatable/#basic_filter they say that to set up options for filters you need to create one object
const [filters, setFilters] = ...
- 117
2
votes
2
answers
606
views
Prime React Dropdown filter is not working properly
I am using primereact/dropdown to render my locations list in which user can select the in the list but I am also using the filter method in the dropdown to make the user also have the search ...
- 35
2
votes
1
answer
1k
views
Issue with The engine "node" is incompatible with this module
I have been trying to find a fix for this problem
error @primer/[email protected]: The engine "node" is incompatible with this module. Expected version ">=18.18.0 <18.19.0". ...
1
vote
1
answer
60
views
What is the method using PrimeReact for determining which row an expandedRow button is within?
Using PrimeReact's DataTable: https://primereact.org/datatable/
Using the expandedRows functionality available in the component, you can retrieve the the row within the expansion (or in the main table)...
- 472
2
votes
1
answer
169
views
PrimeReact AccordionTab Not Rendering When Wrapped in Custom Component
I'm facing an issue where my custom FilterAccordionTab component, which extends PrimeReact's (V8) AccordionTab, is not rendering its content. However, when I directly use PrimeReact's AccordionTab ...
- 387
1
vote
2
answers
40
views
How to reference .this from within an instance of react interface?
I'm using a primereact component, whose props include a function, and I want to use one of the other props in this function. The overall scheme of things looks like this:
interface Props {
label?: ...
- 1,175
0
votes
1
answer
109
views
Objects are not valid as a React child (PrimeReact)
I am having a array of data which is having multiple objects. I want to print the values inside the table using PrimeReact Table.
But when I am passing the data inside value field of DataTable I am ...
0
votes
0
answers
147
views
Using Material Design 3 (You) theme with PrimeReact?
now I use PrimeReact in my Next.js project and use theme of stylish of this PrimeReact components, as Lara, MD, MD-compat. But only it themes is preseted in PrimeReact. PrimeReact don`t have theme for ...
0
votes
2
answers
460
views
Change styling navbar from PrimeReact
I want to change the background color of the navbar that was created using PrimeReact. But I do not know where do I put the CSS styling. I try many time but none of them work. I only want to change ...
- 1
1
vote
1
answer
216
views
Getting error when selecting autofill value in prime react input number component
I am getting an error when i try to select a autofill value
I am using prime react inputnumber component
enter image description here
when i debug ,there is no value in event.Even if to turn off ...
- 41
1
vote
0
answers
202
views
Prime React Menubar not behaving correctly on small screen
Im trying to use MenuBar component from Prime React library, but for some reason, the menubar button that triggers menu bar on small screen does not show, and menubar is showing automatically. this ...
