Category "frontend"

(MUI v5) (Nested Modal) Both parent and child modal die at the same time

I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i

mat-paginator does not show page info

Material paginator does not show page info. In official documentation, there is page info: 'Page 1 of 20' but when I run their own code locally, or in Stackblit

I want to open a new Tab in React application on button click?

I want to open a table tab in a new window to interact with the component separately. What's the best recommended method to do this functionality in React.js?

copy text onclick from <p> tag

<div class="d-flex flex-row justify-content-between"> <p class="mb-0 me-1 py-2 ps-4 add-text" id=

make a div show on page load

const links = Array.from(document.querySelectorAll("a")); const tabs = Array.from(document.querySelectorAll(".tabcontent")) const hideAll = () => tabs.f

How can I print a function from JavaScript to html

I'm trying to make a out of '*' and I got the code right because it works in the console but when I try to print it in the html document it does not work functi

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

How does React hook handle dependency lists when passing objects to child components?

Parent component like this: function ParentComponent(){ return ( <ChildComponent data={{ x: 1, y: 2 }} /> ) } Child component like this: function

how to customize tooltip width in bootstrap

I have a bootstrap tooltip like the following. <i class="fas fa-question-circle" style="color: #f44336; cursor: pointer;" data-toggle="tooltip" data-plac

LIQUID: How to hide an accordion if there is no content for it in the LIQUID file?

Code below does create accordion in Shopify product pages. I'm looking for a way to hide accordion if it has no content to display. Each accordion is an unique

javascript canceled request after 50 seconds

Describing of context: java app (running under wildfly) works under high workload and heap is almost filled. Because of that full GC runs often and this leads t

Issue with chakra UI CSS [closed]

I am trying to display a card using chakra UI and next js but the CSS of chakra UI is messed up and all of my components are now not being sho

Angular <p> displayed by *ngFor won't float to the right

I have this chat in which I'm trying to apply styles to the "chat-container". The messages are displayed with Angular's *ngFor as follows: <p *ngFor="let m o

Why styles.css file doesn't apply to the page

I'm moved styles.css file to every location in my project and tried to link it in html file. I moved it even in the same folder where html files are, href auto

"react" was conflicted between "package.json » eslint-config-react-app

I want to know, why this problem happens sometime. I overcome it by opening the desired folder with code directly. But can't use git bash. And saving package.js

I am having issue with my image src in next.js [duplicate]

I am using Sanity image url in my project and I am getting this error in my console page that says next-dev.js?3515:25 Warning: Prop src did

I have used circle marker to show places on a world map in react. How to add popup on circle marker to shows up the location when circle is clicked?

I have used circle marker to show places on a world map in react. How to add popup on circle marker to show details when circle is clicked. Currently the code s

Remove specific HTML div when click on delete button using vuejs

So I have some input fields which are repetitive to fill different data. For every repetition, I also have a delete button. If I click on this delete button, th

Props values are not updating in webpack server React js

Whenever I try to pass or update the props value from parent to child I need to restart the webpack server everytime. I don't know why props value are not getti

dynamic classes with tailwindcss and eleventy

I am using eleventy.js with tailwindcss and postcss. In my setup, postcss does not seem to recognise dynamic classes like md:pl-{{(loop.length-loop.index+1)*2}}