Questions tagged [web-frontend]

A refinement of the more generic frontend tag. In a web application this usually means HTML, CSS and JavaScript

Related: frontend, css, html, javascript

1441 questions
4
votes
4 answers

Bulma - Dropdown gets behind modal card body

I realized that the Bulma dropdown embeded in a modal card body gets covered by the modal body, so this causes an UX issue, imaging if the dropdown is higher than the card body it self, user has to scroll down or move the mouse cursor and move down…
Wayne Ye
  • 2,464
  • 3
  • 25
  • 29
4
votes
1 answer

Is there a difference between a "prop" and a "property" in general?

This is a vocabulary concept introduced in most web frontend frameworks of today. The parameters that are passed to a component are called "props", whether in React or Vue, for instance. Even the official documentations refers to the word "prop" all…
DavGin
  • 8,205
  • 2
  • 19
  • 26
4
votes
1 answer

Detect if a browser natively supports passing audio to an input tag

I have a webpage that should accept only audio files, more precisely only mp3 files. So I have an input: The problem is, Safari on iOS 10.3 ignores the accept attribute. And even if didn't, there still would be…
luc1ph3r
  • 91
  • 1
  • 5
4
votes
1 answer

Can't achieve smooth transition between react router pages with Framer Motion

It is been over a week now, and I can't get it to work!, I am trying to make a transition between react pages components to have it scroll up and down for each page.however, on exit page the second page takes longer to be displayed and I can't…
4
votes
2 answers

How to correctly use React `useCallback`'s dependencies list?

I have an example like this: codesandebox I want to modify a state value in a callback, then use the new state value to modify another state. export default function App() { const [count, setCount] = useState(0); const [text, setText] =…
Yang Yang
  • 41
  • 1
  • 1
  • 2
4
votes
1 answer

Is breaking up React global state into pieces a good idea?

I'm constructing a React App that is basically a photo sharing app. Here's some use cases: User can upload photos and videos User can see the photos in a list view User can reorder the photos in the list User can select photos from list and…
adrayv
  • 359
  • 1
  • 3
  • 8
4
votes
0 answers

Why i am getting unable to open document error or blank pdf in opening a pdf on client side?

I am hitting a get api in react similar to http://www.orimi.com/pdf-test.pdf which needs some secret information which is available only at middleware written in node. I want to open the pdf on client side(browser). So I am hitting the proxy get api…
4
votes
0 answers

Unable to solve Ensure text remains visible during webfont load

I have tested my code with LightHouse on chrome and I am unable to solve the Error - Ensure text remains visible during webfont load. Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. I have introduced…
Techdive
  • 997
  • 3
  • 24
  • 49
4
votes
3 answers

Problem with dispatch "Argument of type '(dispatch: Dispatch) => Promise' is not assignable to parameter of type 'T'."

I'm develop new application and I encountered an error. When I try to dispatch action, I got an error like this: Argument of type '(dispatch: Dispatch) => Promise' is not assignable to parameter of type 'T'. Property 'type' is missing in type…
Lottek
  • 113
  • 1
  • 8
4
votes
0 answers

understanding JSESSIONID with basic authentication

I went through some resources about JSESSIONID. They say that HTTP and web-servers are stateless. Ok fine, I know this. But then they say- to add a state to these, sessions are used. And there is a session created JSESSIONID by web servers(in java…
The Coder
  • 3,447
  • 7
  • 46
  • 81
4
votes
2 answers

React HOCs vs Helper Classes?

If I have an HOC takes some context and passes down helpers functions based on that context, is that abuse of an HOC? Essentially it is the same thing as just utilizing a helper class. For example: import helpers from './helpers' function…
4
votes
1 answer

Can too many event handlers impact the performance of a React-app?

I have a Toggler button which opens a drop-down menu. To add a functionality where if the user clicks anywhere on the screen other than that menu, the drop-down menu should get closed. So, for this, I need to create click handler and keep the record…
The Coder
  • 3,447
  • 7
  • 46
  • 81
4
votes
1 answer

Send parameter from component to service constructor in angular 6

I'm new in angular6, when I send a parameter from component to service, I get StaticInjectorError. What is wrong? My code is something like this component: import { Component, Input, OnInit } from '@angular/core'; import { myService } from…
4
votes
2 answers

Deleting an item from the Todo app project

I am trying my first project for learning javascript. I am trying to make a todo app with following features- Add an item Each item should have a delete button If we click on an item it should be crossed out If we click on delete button of a…
Kshitiz Sharma
  • 722
  • 6
  • 14
  • 34
4
votes
0 answers

HTML2PDF on internet explorer for SVG

I'm using eKoopmans HTML2PDF on github This is my example, my project involves using SVG and I need to display a PDF page with svg on all browsers. Currently the SVG is not showing on Internet Explorer if you open the link on IE. is there a way to…
GoodJeans
  • 370
  • 7
  • 18