All Questions
262
questions
1
vote
2
answers
42
views
Content Overflows Outside Page Boundaries Using transformX
I have a simple project. In that project, I have a drawer that works with translateX. My problem is that when I open that drawer, my main content goes outside the page.
this issue is showed in these ...
2
votes
1
answer
120
views
Multiple Html Files in Single HTML
I am creating a learning dashboard using HTML, CSS, and jQuery.
I've developed a functional design, but the code is stored in a single file with over 6,000 lines.
This large file size makes it ...
0
votes
1
answer
50
views
How to anchor angled text animation to bottom right of screen without bleeding into footer [closed]
As you can see, there are a couple of issues:
I want the angled text to stay fixed at the bottom right portion of the screen. When I resize the screen, the angled text moves as well, sometimes ...
0
votes
1
answer
166
views
Dropdown Button in HTML/CSS/JS
I have the code:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts....
0
votes
1
answer
65
views
2xN grid in HTML/CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dropdown ...
1
vote
2
answers
77
views
Nested Options are not coming after the latest message in chatbox
Hello this is my first question , I am creating a chatbot using HTML, CSS and JS. After loading the page there are 4 options on which a user can click and based on selected option chatbot will give ...
0
votes
1
answer
73
views
React Scroll bug. Worked on pure HTML CSS JS, but it doesn't work on React
I found a minor bug which is weird. The main point is I tried to click my .nav li and I expected it would close the navbar. If it's on pure HTML CSS and JS it will work, but if it's on React it doesn'...
0
votes
3
answers
246
views
Iterate nested array of object and display in html table
I have a below input with nested array of objects.
summary is parent array of objects and run_type is nested one.
let input = {
"summary": [
{
"name": ...
0
votes
1
answer
2k
views
How to hide menu when you click outside it in react? [duplicate]
I build a CRUD Web App with React and Tailwind. I created a navbar with dropdown menu when app is displayed on mobile.
I display menu when you click on the button but I don't know how to hide menu ...
1
vote
1
answer
36
views
React.JS Alert: How to Automate Disappearance After 2 Seconds?
Make my alert disappear after 2 seconds in React.JS
I am trying to make this disappear after 2 seconds. However, this only disappears if I close it ( fecharAlerta props is a close function)
import { ...
0
votes
1
answer
69
views
Call multiple functions onClick on ReactJS
I have an alert message. When I click the button Checkout, it should remove all items from the cart and show an alert message. The functions work fine – when I call emptyCart(), it works fine and ...
-2
votes
1
answer
77
views
How can I select multiple users
<div class="col-md-3 col-sm-12 mb-4">
<div className='floating-label'>
<select className='floating-select' onChange={formik.handleChange} name="select_employee" placeholder=" " ...
0
votes
1
answer
68
views
ReactJS if else gives false
i have button (for add item to localStorage) when i click "Add to favourites" adding item to localStorage and when i click again it deleting this item from localStorage, everything fine. But ...
0
votes
1
answer
83
views
ReactJS how to render component when changes value
i have wishlist. When i adding items to my wishlist, i am adding items to my localStorage. And i need to show how many items i added to my wishlist.
i dont know how to render header (automatically) ...
1
vote
1
answer
272
views
Parsing error: Unexpected token When trying to use JQuery with React JS
Right now i am learning react.js and i am trying to add a side nav bar to my home page but when i try to write the code in jquery for that sidebar then i got eslint error.
Below is the code of side ...