Bug: react is impossible to use with Stylus

This issue has been created since 2022-11-12.

The current GitHub beta includes a style update, that has added some fixed elements:

1

I don't like this, so I planned to unsticky it using Stylus [1]. So I open the source code and find this fun little snippet:

Untitled

because of React, it is utterly impossible to target any element, because nothing uses IDs, and the class names are complete nonsense. I think React should have some configuration to output sane class names, so they can be targeted by various tools. Otherwise people are left with "read only" websites, which I think is a pointless crippling of the web experience.

  1. https://github.com/openstyles/stylus
markerikson wrote this answer on 2022-11-12

This has literally nothing to do with React.

React itself outputs exactly whatever HTML the UI programmer told it to write. That could be plain handwritten CSS classes like <div className="list-item select">, it could be CSS Modules like <div className={styles.ListItem}>, it could be Tailwind like <div className="flex text-xs text-black border-black">, or something else.

The same is true for every other UI technology out there. Vue, Angular, Svelte, Lit, whatever, they all just output whatever the programmer told them to.

More Details About Repo
Owner Name facebook
Repo Name react
Full Name facebook/react
Language JavaScript
Created Date 2013-05-24
Updated Date 2022-12-01
Star Count 198482
Watcher Count 6646
Fork Count 41196
Issue Count 1106

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
Used to work perfectly but not now 6 2021-04-05 2022-11-19
Question: Do we need to install the janus gateway dependancies on the janus-proxy vm? 3 2021-10-05 2022-09-23
How to add picture link to parsed tweets? 2 2021-01-28 2022-07-22
Improve Core APIs `getCacheID` method to minimize files lookup 0 2021-07-28 2022-11-23
Make this plugin work with 'css-loader' 1 2021-07-19 2022-10-31
Better localization handling for input [FR] 5 2019-06-26 2022-10-12
Version 0.16.2 bluemix login --sso doesn't log me in 1 2019-06-20 2022-10-12
Misleading error message during failed login 2 2019-06-25 2022-10-12
[Bug]: Lazy Load Playlists. 1 2022-02-13 2022-10-13
Make smart link injection possible without a query parameter 0 2021-01-26 2022-10-07
Error from SharpGen that has me preplexed. "The parameter is incorrect." 2 2021-09-21 2022-11-16
Forbidden when executing since 2/3/2021 3 2021-03-05 2022-10-31
CPB can be responsibleOf procedure 13 2020-07-20 2021-12-22
hasSize predicate between epo:Business and at-voc:economic-operator-size is wrongly named 5 2020-06-08 2021-12-22
Undefined class 'Browser' 3 2020-05-09 2022-11-21
World.raycast shows strange behavior 2 2022-07-10 2022-11-06
Weird Korean Composition 1 2022-08-05 2022-11-22
Add setting for padding (left and right) 1 2022-08-09 2022-11-22
User Avatar in Modlog 1 2022-03-21 2022-11-17
Move ClientSet and utilities to another repo 1 2021-04-02 2022-11-27
branch master not satisfy condition >= 2 2022-10-25 2022-11-02
rmput in docker container now copies from root directory 0 2022-07-11 2022-11-23
BUG: Remove "random" toggle from xref result page 0 2022-08-18 2022-11-16
Cura crashes when opening files 18 2021-04-23 2022-07-25
v4 ReferenceArrayInput too small/not wide 11 2022-03-21 2022-10-15
Bump migration to ibm-watson 6.0.x 1 2020-11-10 2022-11-10
Type '(Plugin_2 | PluginOption[] | Plugin)[]' is not assignable to type 'PluginOption[]' 1 2022-09-12 2022-11-20
PostCSS not applied to imports via `composes` 4 2022-09-12 2022-09-22
[Bug]: S3 : Move the deleting icon to the top of the Group Filter 1 2021-11-23 2022-01-31
MySQL 8.0 - Deprecate VALUES syntax in INSERT ... ON DUPLICATE KEY UPDATE 1 2021-10-02 2022-11-29
Using the VM behind nginx proxy manager 3 2022-03-10 2022-11-24
Configuring GDAL 3.4.0 with a statically linked GEOS build fails in Alpine Linux 3.13 4 2021-11-11 2022-07-25
Docs: Documentation should remember framework set in the dropdown 1 2022-09-29 2022-10-19
Telegram does not notice anymore I'm not active on the last selected chat and does not produce any notification for it 6 2021-09-03 2022-01-12
Support conditional branching in SE 0 2022-01-24 2022-10-31
`no-identical-title` crash 2 2021-05-21 2022-11-17
The error of metis, Segmentation fault (core dumped) 1 2021-01-05 2022-10-03
get a contact 1 2020-07-14 2021-10-27
Overload that returns the index, instead of sub-slices 5 2021-01-28 2022-11-17
zoekt-indexserver: Detect Crashing ctags 6 2019-07-22 2022-12-01
cobuild doesn't work 12 2021-11-04 2022-10-08
fmt: `fmt.Println` change the value of the pointer 1 2022-03-09 2022-03-07
[Bug Report] formilyjs 在pnpm v7 版本peerDependencies无法下载包问题 1 2022-05-05 2022-09-29
Single thread warp reduce 0 2022-05-13 2022-11-20
Add temperature and warmth scales to style class demo 1 2019-07-26 2022-10-04
Update: [PUT_TARGET_CS_NAME_HERE] 0 2022-03-04 2022-10-28
Google Cast not working anymore 7 2022-11-24 2022-11-19
BanksClient behaves differently when RUST_LOG=none 0 2021-10-11 2022-10-16
Add support for admin endpoints 0 2022-06-07 2022-11-03
why got promise .text(), .json() and .buffer() is not a function, and isCanceled is false 1 2022-09-05 2022-11-20