14,487 questions
0
votes
3
answers
77
views
How to change the height of table rows in html
export const Table = () => {
const employees: Employee[] = [
{ name: "John Doe", position: "Manager", employed: "23/04/18" },
{ name: "Alex Nar", ...
- 61
1
vote
0
answers
81
views
State Management for Real-Time Data Updates in React with TypeScript
I’m building a React application with TypeScript that processes real-time data streams. Using useState and useEffect causes excessive re-renders, impacting performance. How can I optimize state ...
- 11
4
votes
4
answers
1k
views
JavaScript Not Working After Livewire Navigation but Works on Full Page Reload - Laravel
I am using Laravel Livewire for navigation within my application. My default layout includes the following scripts:
<div class="flex grow">
<x-layouts.sidebar />
&...
-1
votes
1
answer
53
views
How to gracefully handle missing user data in React without revealing backend issues?
I’m building a microservices-based application and in the front-end I'm using React and TypeScript. In one of the services, I fetch post data to display to users. Each post has a user field containing ...
0
votes
1
answer
70
views
Uncaught ReferenceError: Function is not defined at HTMLButtonElement.onclick
I have one issue.
I have function add() on buttons with number parameter. So when I click button in console there error Uncaught ReferenceError: add is not defined at HTMLButtonElement.onclick
This ...
1
vote
2
answers
88
views
Get taxonomy description as "rich text" or formatted text
Sorry I'm quite new at coding, and also working with WordPress and ACF, and I'm trying my best but I can't figure this out:
I'm trying to load my taxonomy description in rich text.
Currently I'm using ...
- 57
1
vote
4
answers
97
views
How can I remove fill color of a text and combine multiple fonts in css?
I want to achieve this look for the header on my website. Check the image for reference.
For example, in the word "Creative," I want the "t" to be a different font and have no fill....
-1
votes
1
answer
30
views
Why is the li element height affected due to the line-height property? [closed]
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="navbar-links">
<li class="li-link"><a href="" class="nav-link"...
0
votes
1
answer
33
views
I Have many request to display page?
When I visit any app page this overload happens, Is this normal!? I do not know what code caused this problem.
POST /user 200 in 3605ms
POST /user 200 in 488ms
POST /user 200 in 48ms
POST /user ...
- 11
1
vote
0
answers
91
views
Issue While Navigation in the Angular application
this.router.navigate(['/d/admin', this.uuid], {
state: { username: this.user.username },
});
I'm using this to navigate to a different page in an Angular project, but the issue that I'm facing is ...
- 19
2
votes
1
answer
51
views
Angular getCurrentUser different roles with different models
I have a logic issue and I’m not sure how to proceed. I have an auth method that sends email and password, and my API responds with a JWT token. Then, I need a getCurrentUser method, but I have ...
- 95
1
vote
0
answers
34
views
CORS problem between localhost and Azure backend [duplicate]
I'm developing a web app with Vue and have also developed a backend with FastAPI, which is already deployed on Azure. Now, from my web app running on localhost, I'd like to call some APIs of the ...
- 21
-1
votes
1
answer
65
views
Launch kubernetes-dashboard in a logged-in state by pressing button in web app
I have a web app that provides links to all system's dashboards for user's convenience.
It has a button for kubernetes-dashboard too.
When a user clicks on a button, i would like to open a new page ...
- 1
-1
votes
1
answer
80
views
Share Buttons Don't Take In Content
I am trying to create a share-button bar, but none of them work:
Whatsapp: Shares the text and link, but the link doesn't appear in blue nor getting a preview. I care about the link being clickable.
...
- 28.8k
0
votes
1
answer
65
views
super inconsistent animation in css and javascript
I want to make a scrolling button, where the text part scrolls out when you hover on it and scroll back when you stop hovering, but the animation is really inconsistent.
This code works on the first ...
- 29
0
votes
1
answer
598
views
cannot use ng select component in my angular application
In my angular application i was trying to use ng-select for showing drop downs. my angular version is 17 and it only supports ng select v12.
i use standalone components in my application , when i am ...
- 133
0
votes
1
answer
22
views
fControl.get is not a function in angular unit test
Trying to write an unit test for changeFunctionalityStatus(). facing the issue like fControl.get is not a function .
Stuck with this Anyone pls help me why this issue coming. TIA
...
- 125
0
votes
1
answer
63
views
export-to-csv return undefined rows
I have a funcion y typescript that download a csv file, but the rows in the files shows
as undefined and dont know why, I think that is a problem with async of the data that I bring but I dont know ...
3
votes
3
answers
547
views
How to disable double-tap zoom on Safari mobile?
How can double-tap zoom be disabled on Safari mobile?
There are some rules for default behaviour: With text it somehow depends on font-size. Other types of elements also allow to be double tapped and ...
- 2,887
0
votes
1
answer
86
views
Table and filter columns different in MUI X Data Grid
In the Student Details column, I want to stack data values from three columns: Name, Major, and Year. Is it possible to do this while still maintaining the ability to filter by the individual columns? ...
1
vote
1
answer
41
views
ERROR in ./src/App.js 55:65-72 export 'BpkCode' (imported as 'BpkCode') not found
ERROR in ./src/App.js 55:65-72:
export 'BpkCode' (imported as 'BpkCode') was not found in
'@skyscanner/backpack-web/bpk-component-code/src/BpkCode' (possible
exports: default)
I am facing this error ...
- 11
1
vote
3
answers
1k
views
How to reduce the gap in TailwindCSS grid
I am using the TailwindCSS grid function to show the stats and their value.
I want to know how to decrease the distance/gap between the state and its value so that I can bring them closer to each ...
2
votes
1
answer
2k
views
Vite drop console.log but keep console.error on esbuild
I want to remove the console.logs in the build but don't want to remove the console.errors, is there a way to do this?
This is what I currently have.
esbuild: {
drop: mode === 'production' ? ...
- 395
0
votes
2
answers
229
views
In a navbar how can I extend the dropdown menu horizontally across the width of the page container?
Currently, when I hover over an item in the navbar, a horizontal drop-down menu opens like this (note the width of the drop-down menu):
What would I like to achieve?
I would like to widen the ...
- 307
-1
votes
1
answer
513
views
CORS error using react and express after setting up cors in express
I configured my server like below.
app.use(cors({
origin: 'http://localhost:5173', // Allow requests from your frontend
methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'], // Specify allowed ...
0
votes
1
answer
179
views
Question about PKCE error when building app with expo
Just using expo to build an app which needs to connect with Epic, I'm using expo-auth-session as the auth library and here's the code:
import {
useAuthRequest,
CodeChallengeMethod,
...
- 21
0
votes
1
answer
79
views
How to prevent content from overflowing in a skewed div element?
I encountered an issue where the text extends outside a skewed div.
I managed to straighten the text inside the paragraph, but this caused the text to overflow from the div.
.leftStyle {
...
- 1
-1
votes
1
answer
91
views
I don't want to have a src folder in my dist foler
I'm using vite in a project and my folder structure is like this
youtube_comments/
src/
js/
script.js
sass/
styles.sass
index.html
When i move the index.html file in the root ...
0
votes
1
answer
436
views
Next.js React app does not load updated page on Link click
I'm using Next.js version 14, the App router, and Next.js's Link component from next/link. File structure: Folder app/a contains:
page.tsx which fetches the API, and passes the data to the <Table/...
- 19
0
votes
1
answer
129
views
React Hook Form validation not preventing form submission with useController custom hook
I'm using React Hook Form in my project to handle form validation. I have a custom hook useFormField that integrates with useController from React Hook Form. However, I'm encountering an issue where ...
- 3
1
vote
0
answers
2k
views
How to use Sass with Vite & Bun
I am trying to do it according to the instructions, but I am getting this error:
Error screenshot
[plugin:vite:css] Preprocessor dependency "sass-embedded" not found. Did you install it? Try ...
2
votes
0
answers
74
views
Directus and Nuxt: Correct items frontend output
I am using this tutorial for testing a Directus/Nuxt project: https://docs.directus.io/blog/nuxt-directus-getting-started.html
I modified the code because I have a collection called "playgrounds&...
- 261
-1
votes
1
answer
51
views
React: Horizontal overflow-x-scroll not working for flex container in Tailwind CSS
The Width of the h1s is too much for mobile devices so i Want to add a scrollable property but the overflow-x-scroll isn't working
<div>
<div className="mt-16">
...
- 1
1
vote
0
answers
56
views
I'm unable to use transition: to work in a CSS component
I can't get CSS to work in one particular part of my project. Works fine with other components.
index.tsx
const toggleMenu = () => {
setMenuOpen(!menuOpen);
}
return (
....
...
- 11
4
votes
1
answer
781
views
How can I adjust the height of a Gradio ChatInterface component using CSS?
I'm working on a chatbot interface using Gradio, and I'm trying to customize the height of the gr.ChatInterface component. I attempted to set the height using the height argument in the ChatInterface ...
0
votes
2
answers
282
views
WebSocket is closed before the connection is established debugging and solution failed
I keep getting the error: "WebSocket is closed before the connection is established" logged to my console when I run my vite application. I have tried everything I know to solve this error ...
- 123
0
votes
1
answer
52
views
Hamburger menu isn't sliding
I want make hamburger menu <HamburgerMenu className="Hamburger-Menu" id="HamMenu" style={styles}/> slide on clicking hamburger icon(checkbox) <Hamburger id="ham-icon&...
- 5
0
votes
1
answer
67
views
YA Webvisor doesn`t see css styles
I have react project, that created with create-react-app and webpack as builder (ts, sass, css modules). YA-webvisor records are displayed without css styles (project in production mode). At the same ...
- 91
0
votes
1
answer
430
views
I am using angular kolkov editor using formcontrol, have to bind html in my editor
html code:
<angular-editor [placeholder]="'Enter task...'" formControlName="task_note" [config]="editorConfig">
</angular-editor>
<div class="icon" style="cursor: pointer" (...
- 27
1
vote
1
answer
797
views
After trying to migrate a project from Webpack to Vite, JS code fails to execute
There was a Webpack configuration that I used to build a separate bundle for a JS worker (it must be in a separate file) and everything worked well. Here is the webpack config:
const path = require('...
1
vote
1
answer
105
views
Fill boxes with text in React then continue to the next box
Here's a photo of what I have in mind:
I have a simple card component like so:
function Card({ width, height, text }) {
return (
<div className="card" style={{ width, height }}>
...
- 2,300
0
votes
2
answers
86
views
Get nth position of the child component in React?
I have a PagesContainer component that renders multiple Page components like this:
<PagesContainer>
<Page />
<Page />
<Page />
<Page />
</PagesContainer>
I ...
- 2,300
0
votes
1
answer
64
views
Is using a dummy variable a good practice to trigger a function call reactively in Svelte
My code computes the number of characters the user has input. I allows users to save the entered text to localstorage and then when they visit the page the character count is shown. This is how I load ...
- 1,371
-1
votes
2
answers
45
views
ERROR NG8002: Can't bind to 'formGroup' since it isn't a known property of 'form'. [plugin angular-compiler]
I have the following error when I run the ng serve command:
error
This is my directory structure:
structure
app.component.html:
component html
app.component.ts:
component ts
app.module.ts:
module ts
...
0
votes
1
answer
147
views
MIME Type Errors. JS files being rendered like html
I have a website that I created a while back. Recently, I built a languages switching feature locally, and pushed it up through GitHub and into Vercel, expecting it to work just fine.
The page should ...
- 17
0
votes
1
answer
67
views
React useEffect not updating context state correctly with socket.io and context API
import { useToast } from "@chakra-ui/toast";
import React, { lazy, Suspense, useContext, useEffect, useState } from "react";
import { Outlet, useNavigate } from "react-router-...
- 13
0
votes
1
answer
52
views
Is It Acceptable for a Shared Component to Interact with the Data Access Layer in Angular App with Feature-Based Architecture?
I have an Angular application following a Feature-Based Architecture. I need to create a shared component that will be used across multiple feature components. This shared component should call an API ...
0
votes
1
answer
39
views
How to restrict user from opening the succeeding accordions until the form in current accordion is valid in Angular Material?
I have a requirement where I have forms in expansion panels, and I need to allow the user to navigate to succeeding accordions only after the form in the current accordion is filled.
For example, if ...
- 820
2
votes
2
answers
59
views
How do I give gradient and make it a semicircle?
I can give a div this gradient and make it absolute and place it at the right position, but how do I make it semi-circle?
<div
className="absolute top-[50%] right-[-600px] w-[50%] h-[...
- 87
1
vote
1
answer
408
views
How to sync the controls of storybook and manual state changes
I am new to storybook and frontend development.
I have this checkbox.tsx
import React from 'react';
import styles from './checkbox.module.css'; // Ensure this import points to the correct CSS module
...
- 11