59
404
React UI Components for macOS High Sierra and Windows 10
Server Side Rendering library for React Router v4.
A pure PHP library for reading and writing word processing documents
Events
ChunkLoadError (timeout: (chunks/xxx)
This issue still occurs in production environment and happens quite a lot using latest NextJS.
Responding to styled-component's parent state changed based on a condition is broken
Environment
- styled-components: 5.3.6
Reproduction
Full reproduction available here: https://codesandbox.io/s/nostalgic-night-z6i07y?file=/src/App.tsx
Video of the bug:
The gist of the bug can be simplified to this:
import styled from "styled-components";
const MyComponent = styled("div")<{ disabled: boolean; }>`
button:active & {
background-color: ${({ disabled }) => disabled ? "transparent" : "red"};
}
`;
Steps to reproduce
In the code sandbox, toggling the disabled prop will change the expected active color of the span element.
- Have a styled-component whose parent state you want to respond to
- Use a prop to conditionally change a css style when the parent state is changed (:active, :focus, etc...)
- Change that prop
Expected Behavior
In the code sandbox above, the expected behavior would be for the a:active > & color to return to the default one when the disabled toggle is switched off.
Actual Behavior
In the code sandbox above, the actual behavior i for the a:active > & color to remain on the disabled one after toggling the disabled prop at least once.
error PostgreSQL version: dial tcp: lookup 192.168.1.1:53: server misbehaving
I have the same issue. It is intermittent as well, one time it will work, then it won't.
