python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - getboundingclientrect

Angular Universal SSR (only for pages after login) - TypeError: measurer.getBoundingClientRect is not a function

I have applied Angular Universal in my application. It works fine. But when I reload (by browser reload) for some pages ONLY AFTER LOGIN it shows error ERROR Error: Uncaught (in promise): TypeError: m...
test-img

ganesh

javascript

angular

server-side-rendering

angular-universal

getboundingclientrect

Votes: 0

Answers: 0

React - i want to blur or darken all page except specific element when user miss that one specific element to fill in page

Basically i want the user to focus on that element where they make mistake or jump that element. My main goal is attract user's attention with better UI I try to get position of that element with getB...
test-img

cildirmicam

reactjs

view

blur

blurry

getboundingclientrect

Votes: 0

Answers: 1

Latest Answer

You need to monitor changes and validate field upon certain event. It's easiest to use library such as react-hook-form. It automatically focuses on first field with error Example
test-img

semperlabs

CSS Clip-Path on several elements with Javascript mousemove and getBoundingClientRect()

I'm trying to make a clip-path inside an element which follows the cursor. The Clip-Path should only appear inside the element, therefore I use getBoundingClientRect(). It works with the first element...
test-img

DeDolderas

javascript

mousemove

mouse-cursor

clip-path

getboundingclientrect

Votes: 0

Answers: 1

Latest Answer

You should set the event on eavh fo the cointainers sepertly fixed it for you: const container = document.querySelectorAll(".container"); container.forEach(elm=>elm.addEventListener(&quo...
test-img

ShobiDobi

Issue with getBoundingClientRect()

i have trouble with a slider on codepen. i have implemented it on my website and recognised that the white highligter of the content is moving if im scrolling on the website. The white highlighter is ...
test-img

Andreas Van Mozart

javascript

html

css

json

getboundingclientrect

Votes: 0

Answers: 1

Latest Answer

getBoundingClientRect() provides the coordinates for the rectangle currently in view on screen. By simply adding window.pageYOffset (the is the height above the viewport to the top of the page) to the...
test-img

msenne

Posts

Questions

Blogs

Jobs