Category "frontend"

Using React to reset the size of a div with CSS resize enabled

Currently I have a resizable div using resize: both; in its CSS. I'd like to make a function to reset the div back to its initial percentage-based size. I got t

Select in form - Problem mapping through options, cannot read properties of undefined (reading 'map')

I am creating a SELECT inside a form in which I need to map through an object (I know mapping through an object instead of an array might be a problem). I am us

Is it possible to use a frontend framework only on one page in an already finished project?

I'm working on a project where I need to make a dashboard as a homepage like this https://www.grapecity.com/wijmo/demos/reference-samples/DynamicDashboard/angu

Glide JS not displaying images

I'm using Glide JS carousel in a VueJS project to display some images (at least 3), but what happens is that only the first of the three images are displayed, w

Angular i18n : How to make language change using URL routing /Switcher Buttons?

I am building a simple app to learn internationalisation using Angular 11. The tutorial I am following is: https://lokalise.com/blog/angular-i18n/ I followed th

How to style element content in Svelte?

<style> color: red; </style> Some html content! this code does not work. In the Angular framework it can be done by using the :host selector.

Next.js: Error: React.Children.only expected to receive a single React element child

I'm having a component called Nav inside components directory and it's code is some thing like below: import Link from 'next/link'; const Nav = () => {

Front end Sensitive info

I am building my first react app and not sure about front end security. I am making a call to the following third party library: emailjs.sendForm(serviceID, tem

type undefined error on ng-apexchart for angular

Help me understand this error, please. I am simply trying to create a bar chart for my angular web app using ng-apexchart. I am following this article . I am no

When I try to install material ui icon dependency face this error

npm i @material-ui/icons npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected]

Sign in & Slide Out format

I have a question and would love to get some feedback from you all. I'm stuck in a situation with my code that will not slide left to right. I have a SignUp/Sig

How to remove vuetify autocomplete component default icon

Vuetify autocomplete by default have custom "up" and "down" arrow icons: How can be changed this icon to search icon in other events (active or inactive) an

Unhandled Rejection (Error): call revert exception

I am getting this error message when trying to interact with my smart contract on my react front end. I am running localhost3000 and which requires metamask to

Does length of CSS code determine the loading speed of website? [duplicate]

I am beginner. I want to know, Does length of CSS code determine the loading speed of website?? Please tell me about relation of code and load

Log current time during webpack watch

I'm trying to improve developer experience with webpack, and I want to log the current time when running watch command, so I know when an error occurs behind th

local storage is not persistent in react app

I am creating a react app which is using local storage. I am saving and array of objects to local storage. when I try to save to local storage the data is savin

Why is Graphql data object only available outside the call function

I am new to graphql and react so I can't figure out why the loaded data return object is only available outside the mutation post which produced the data. Could

unordered list bullets don't work on safari

I have a simple unordered list with a custom bullet (>> instead of a Disc Bullets). It is working on Firefox, but not on safari. On Safari my bullets beco

setTimeout with Promises

I trying to solve a challenge with the following question: Implements a function that takes a number as a parameter and after x milliseconds (between an interv

Angular 13 use proxy.conf.json in production

I use angular in version 13 with proxy.conf.json in development. I am try to use this proxy in production and generate a dist file with ng build but it's not wo