Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

Screen issue

My website work correctly but when i scroll down on mobile then i face the moving screen issue i also apply overflow hidden in css html, body { background: #f4fcec; margin: 0; padding: 0;...

Help me understanding how a type works

I'm currently trying to understand how Tiptap 's CommandManager works and especially how the commands are strongly typed. I have extracted the type declarations required to have the strong and dynamic typing of the commands handled by the CommandManager . I understand all but one of the types involved and it's the UnionToIntersection type (see attached typescript playground). While I see what this type does, I don't understand how it does it, if anyone can help me crack this code it would be great. ...

Using CSS selectors with @media queries

Hey! I want user to select between dark, light, and system themes (and maybe even third, fourth, etc). I came up with this pen in mind: https://codepen.io/zobweyt/pen/BagdyGq But it's not working as expected. I want to turn on dark styles when any of the following conditions satisfy:...

Weird onMouseEnter behavior

Here's an abstraction of the React I have:
h4.name
{isNameHovered && div.message}
h4.name
{isNameHovered && div.message}
...

Navigate through components in reactjs

So i will post 3 images on comments pls check out tell any solutions or ideas Check images and see code so it would make sense the problem I'm facing ...

map function and key props error in react js

so im new with reactjs , heres the code ```js const projectDetails=[ { image:assestObj.skullcandyLogo,...
No description

Bootstrap 5

Any Internet suggestions beside the Bootstrap website ?

make scroll-snap-type: x mandatory works with scroll-behavior: smooth;

Hello, I wonder if someone made scroll-snap-type: x mandatory; work with scroll-behavior: smooth; with no js. For now, scroll-behavior: smooth; gets cancelled for some reason.

Custom Radio Button with Animation

Hey all, I'm developing a custom Radio Button. It's going great so far. Had to hack quite a bit to match the requirements. I've come up with 2 solutions. A simple one and a more complex one and I'd like to hear your feedback and see, how you would do it. The first solution is a simple one: https://codepen.io/maxkuhlmay/pen/BagZVxy It has a Radio Button and when its checked, the border width changes to create the "dot". ...

Element not inheriting parent element's height

I have the following code in App.js: ```js <div className='min-h-screen flex flex-col'> <Navbar /> <div className='bg-red-100 border-solid border-red-400 flex-grow'>...
No description

need help with navbar and contents in reactjs

NavBar Component ```js function NavBar(){ return (...
No description

Text dissapears when set to relative

Hey I have the following code, I'm trying to recreate this code pen https://codepen.io/KACTOPKA/pen/qBMeKeQ but in react For some reason when I set my text to relative it hides the text but not the boxes ```css...
No description

Best Video Call SDK for React

Hi devs Anyone who has worked with video calls, what do you recommend? More specifically for react. ...

JavaScript Array Manipulation: Issues with forEach

When i want to modify an array like below, it doesn't modify the original array. Why is that? ```let gameBoard = Array(3) .fill() .map(() => Array(3).fill("X")); //Create 2D Array ...

Nested Routes

Based on this example, when I visit the '/user' path, nothing is displayed unless I go to one of its children, like '/users/eduardo' do i need to define a separate route for '/user'.? ```js...

How to Animate an SVG's frame by frame ?

I have a few sets of SVG frames that I need to animate. How can I achieve this? I have shared some animation videos and frame examples for each set of frames, and each set has a different approach to animation. Is there any library that can help me accomplish this? Your assistance is much appreciated. Thank you in advance.
No description

Mask on photo with transparency

Hello, I have a problem with an html integration and I have no idea how to do it. ...
No description