Category "frontend"

Vue3.js ) Error: Cannot find module 'firebase'

I'm using firebase for the first time in vue.js. After installing firebase using npm, I added it to main.js as follows. //main.js import { createApp } from "vue

Pure JavaScript: set min-height of all product title to the highest of them all

In collection pages of our Shopify site, the VIEW DETAILS buttons in every product card are misaligned because of variable lengths of product title. In order to

How can I set the selected value of a dropdown using a smarty variable

I have a list of suppliers and a defaultSupplier assigned to a template, I add the suppliers to a dropdown and iterate through them using a foreach and I try to

swift Xcode Secure Text Entry Asterisk not show when Screen Mirroring / Recording

I have checked the Secure Text Entry and entered "pwdTextfield.isSecureTextEntry = true" as the code. Therefore, I can see the asterisk well inside password tex

How to solve leetcode problem in JavaScript to check if an integer is a palindrome

Here is the code which i tried to solve, for the leetcode problem in javaScript https://leetcode.com/problems/palindrome-number/ Problem i am facing: It is work

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