Newest 'frontend' Questions - Stack Overflow

Questions tagged [frontend]

The user-facing part of an application. In a desktop application this would include the windowing framework and the forms the user interacts with; in a command line program it would be the available commands and arguments; and in a web app it would refer to the HTML and JavaScript.

1
vote
0answers
23 views

What is props and cons of Angular Ivy? [on hold]

In angular 8 . I saw one feature is Angular Ivy Ivy is the code name for Angular's next-generation compilation and rendering pipeline When I use Angular cli to create new project or new application ...
1
vote
2answers
55 views

How to make my pricing table appear when clicking a button?

I'm building a website and I want to make a fancy animation for my pricing tables where they appear when you click their name. You can see the website here. I've already tried this code from W3 ...
0
votes
0answers
21 views

CSS Transform & Rotate not working in Safari

I am using mobirise to create my own personal website and their flip-box add-on is not working. The design I am trying to implement is essentially a bootstrap card that flips (rotates) 180 degrees ...
0
votes
1answer
23 views

What html elements loaded at the same dimensions as an image help avoid DOM reflow?

I have some large images at the top of pages on a site. Post titles are layered over the images and utilize some transparency (which I imagine adds to the issue). The images load late and as they're a ...
0
votes
0answers
17 views

Can I use a middle ware proxy to redirect or route from localhost url to another

I have two separate apps that comprise one app. One is written in Angular another in react, we are strangling off the Angular app. These two talk to each other on the server using <ReverseProxy and ...
0
votes
0answers
15 views

Need to recapture DOM element that has been dynamically loaded [duplicate]

I'm working on a solution in JavaScript that changes the position of an element depending on the size of the element above it. Unfortunately I'm working with code from an outside source that I'm not ...
0
votes
1answer
9 views

Stuck at the process to complete a Basic Web Development Project

Background: I've been given a project to make an small employee portal for an organization. This is a Full Stack Web Development project, since the only thing provided to me are excel worksheets as ...
1
vote
0answers
23 views

css grid dynamic number of items in two rows, prevent last row from having only one item in it

I want to convert old flex code to CSS Grid; How to use grid to handle a dynamic number of grid items (between 1-10) spanning two rows, specifically ensuring the second row will never have a single ...
0
votes
1answer
21 views

How to get a 8byte Output from a 3DES encryption function using CryptoJS?

I need to encrypt a 8byte block using a 16byte key in the 3DES Algo and get a 8byte output, but currently the output is being bigger. I've tried the following function: function test3DES(){ var ...
-1
votes
1answer
12 views

How do I securely collect logs from a front end web client?

I have a web application and I need to securely log all the user activities. I need to know when they access specific pages and take specific actions like clicking a button. If I have the frontend ...
0
votes
0answers
33 views

How to manually update vue computed property in test

I have a component Foo with Vuex binding mockedVuexBinding (which is essentially a computed prop). I want to keep tests simple and don't want to mock the whole store. All vuex bindings I just ...
0
votes
0answers
14 views

Can you suggest a JavaScript component that will allow table-like region selection on the image?

I’m looking for the JavaScript component that will allow to select table-like region on the image. Something similar to react-region-select, but the challenge is that this component should allow to ...
0
votes
0answers
12 views

Best practices fetching data from backend api when building frontend

So i was thinking, what is the best practices when it comes to building front end that need to talk alot to an api backend. My scenario, iam building frontend with vue that consumes a node, express ...
-2
votes
0answers
12 views

can't display the preview and next arrows [on hold]

can anyone help me here, I'm using lightbox2 https://lokeshdhakar.com/projects/lightbox2/#options here is my code: https://github.com/ManuelCapote/Project-5-Photo-Gallery-V4
0
votes
1answer
32 views

ReactJS: Local images not loading (Using path from overrides)

I set up a config-overrides.js and I have an assets folder that contains my images folder. When I try to call an image, it does not show up. I tried using require() but it doesn't work. Here is my ...
0
votes
0answers
23 views

Strange Window Data Exchange Issue

A strange issue sometimes occurs with a web page on our website that is used by our customers to submit payments to us. The main web page is loaded from server A and contains a hidden field called "...
0
votes
0answers
20 views

Click event is only triggered when clicking twice when some element is changed by mouseover state on IOS mobile devices

I have implemented a block with two layers contained in it.it's listening the mouseover and mouseout event. On desktop, when we hover on it one layer will be showed and the other will be hidden(i use ...
1
vote
0answers
13 views

Search Bar Glitch, randomly (supposedly) taking place

I have been having this glitch for a little while, the Search Bar outline closes more space than it should on focus. When I reload the page it goes away and I can be reloading and tweaking my code for ...
-4
votes
0answers
28 views

What languages constitute front-end and back-end of android apps? [on hold]

I've been trying to build an android app through Android Studio for some time. I'm new around this area so I wanted to get some things straight. So, Android Studio supports Java/Kotlin and XML as the ...
0
votes
1answer
25 views

sending an image from client to server-side in node js

I am trying to upload an image to the server but keep getting an error in the chrome console "POST http://localhost:3000/images 500 (Internal Server Error) @ main.js:19". it looks like he server ...
0
votes
0answers
22 views

Running A Javascript Function After Google API Library Loads in Gatsby

I'm setting up Google Sign-In for server-side apps on a Gatsby site. I've been able to load the libraries using react-helmet shown in the below code but cannot seem to initialize the GoogleAuth object ...
0
votes
0answers
8 views

How to display typo3 quickshop item variants in frontend?

I'm setting up a new typo3 quick_shop installation. I can't see the item variants in front-end. How can I display these variants?
0
votes
1answer
27 views

REACTJS and ANTD: How to change form contents through <Select> option?

I am new to React and am currently using AntD in my ReactJS code. In my code, I have a select option that is supposed to change the form elements depending on what kind of form it is. Here is my ...
1
vote
0answers
24 views

Search Icon not searching with Material-UI

I am trying to trigger the search icon to start a search on the result within the search bar but it isn't working. Clicking on it shows its click range but doesn't do anything otherwise. Can anyone ...
0
votes
0answers
44 views

Chrome extension's content script makes the page load slow on some websites (possibly due to mutation observers)

So I made a chrome extension to blur and unblur (when hovered) some profanity words that I'm storing in a json file. Script works fine for almost all sites I tested but makes the page loading slow for ...
0
votes
0answers
14 views

Media query on SearchIcon not working. Material-UI, React

I've been trying to make the media query for the searchIcon in const search to work but it doesn't the other media queries are fine but this one. I tried implementing it on const styles rather than ...
-1
votes
0answers
33 views

I want an advise on modernizing the workflow at work [closed]

I am seeking a way to use/incorporate more modern tech to our front end stack at work. Our pages always follow this flow: landing -> shipping -> payment -> receipt they are all php files and ...
0
votes
0answers
32 views

How to make two obliques rectangles in css? [duplicate]

I am trying to code two obliques rectangle facing each other. Here is my Sketch Design : https://imgur.com/FCV3IV8 For responsive matters, I don't want to copy / paste the svg file. Here is the ...
1
vote
0answers
8 views

Wepback and front end monorepo

Researching a way to use Webpack with front end monorepo. I was wondering if I can use one common Webpack config and place it to the root directory and then extend this config in other apps. But, when ...
0
votes
1answer
29 views

can i reuse a single instance of a component at multiple places on a screen in react?

I have this application that i am writing in react-native, where i have this screen which displays around 50-100 images and some action buttons associated with them, including a pop-up menu(one ...
0
votes
0answers
20 views

Context api with nested component

I want to implement context API for transmitting a value in my files. I have the following folder structure Screen |-------Search Component |-------Container Component If I set up the ...
-1
votes
0answers
14 views

Safari clip-path transitions performance problem

I've got an interesting case of website full of clip-path transitions. All seems to work fine on Chrome, however, Safari causes a lots of problems. Clip-path circle animations (css) sometimes work, ...
0
votes
2answers
54 views

Access Front end works fine for most users but one user keeps having a variety of problems

I have a handful of MS Access 2010 databases that are used to keep track of various things for my group. Each Database has a dedicated back end and each user has a local copy of the front end (*....
0
votes
2answers
26 views

React-select: background color does not fill full width on wordWrap:“scroll”

I am trying use react-select in one of my projects. The wordWrap needs to be "scroll". However, if the option length exceeds the width of the menu and if I scroll to the right, the hover color does ...
0
votes
0answers
47 views

From origin 'null' has been blocked by CORS policy. How to fix this?

What I'm doing is, after choosing a file it calls an API. If it's a success (valid file) it gives me the total price. If it's a falsely formatted file, it gives me the relevant error from the backend. ...
0
votes
3answers
57 views

Responsive Webdesign for all the different devices

I have about 5 years experience as a webdeveloper. But sometimes I have this question and I couldn't answer it on my self. There are sooo many devices nowadays with different screensolutions either in ...
0
votes
2answers
36 views

Which component would be the right one

Hello I'm building a small app that connects to an api via Nodejs and store all the posts in mongodb that part is fine I already completed it BUT now I need to do the front-end part on which the user ...
0
votes
0answers
29 views

Using variables with chart.js

I am trying to use variables with chart.js. The data I am trying to put in to the chart will change every few weeks and I dont really want to have to do this manually. Does anyone know how I do this? ...
1
vote
1answer
56 views

How to Implement Context Api in material UI

I am trying to pass a property using context API in my components. I am getting the following typescript error. Property 'value' does not exist on type 'String' I am creating the context using ...
0
votes
0answers
12 views

Manual Mock Jest always be called over all tests

I have folder structure like this. asu.test.js & man.test.js have same code like this. import mantap from "mantap"; it("mantap", () => { expect(1).toBe(1); }); mantap.js console.log("...
0
votes
2answers
43 views

ReactJS looping images using foreach error

I am new to reactJS and I am currently working on a website with more frontend features. I have a section that would display icons and I want to use a foreach loop in an external file so I do not ...
0
votes
1answer
18 views

Bootstrap Studio: Adding border to elements

As far as I know there is no way to add a border to an element via the bootstrap-studio user interface. The only way you can do it is either through css or adding the boostrap border class: https://...
0
votes
0answers
15 views

Selecting the javascript technology on the erp system

Hi guys i got a simple question. I'd like to upgrade already existing erp system that i got . The old system is using php 5.2 which nowadays no longer meets the requirements. Backend of the new ...
0
votes
0answers
17 views

how to enable editable property of ng2-smart-table conditionally

I am using ng2-smart-table. I want to make field editable when it's empty otherwise not. location: { title: 'Location', width: '20px', filter: false, valuePrepareFunction: (value) =&...
0
votes
0answers
39 views

how to use HTML in servlets?

I'm interested in the front controller servlet: https://martinfowler.com/eaaCatalog/frontController.html I'd like to stick to servlet as much as possible, but am not terribly keen on using a ...
0
votes
2answers
29 views

My font shorthand doesn't work, which include font-size and font-weight properities

in my code, i use { font-size: 2.5rem; font-weight: 100; } to set font, but when i switch this to font shorthand, like this {font: 100 2.5rem} it seems doesn't work, my font style change to ...
0
votes
3answers
52 views

How to deploy React Frontend + Node Backend on a production server?

This is the first time that I’m working on the topic React Frontend with Node Backend. I have now a litte problem and I’ve invested a lot of time locking for a solution but with no success. I have ...
2
votes
1answer
58 views

Can Sass recognise a size and apply a condition?

I'm trying to realise a simple container in Sass. The container has 60px min-height and 80px height, with inside a simple paragraph. Now, anytime I add a new paragraph in the container, the height ...
0
votes
0answers
11 views

How to detect rowspan greater than 1 from copy paste event clipboard data?

I'm trying to build a feature in my web app which allows users to copy paste a table from another website and it would populate the table in my web app with the pasted data. I want it to work the same ...
0
votes
0answers
27 views

How do Google build their apps composed of independent “widgets”? [closed]

There are many instances in Google's UI where the app would have a new look, while some parts would still have the old UI. For example: Gmail underwent a massive design refresh lately, followed by the ...