Comments (5)
I had a look into the Bug as well and I think I'm close to the root cause.
The problem is,
when ShallowDropDownContents
is re-evaluated
then in Chrome the elementBoundingBox.top
changes from 0
to -0.25
then the isInScrollView
function (see image) returns false
then the style of the ShallowDropDownContents
is changed to { display: 'none' }
In Firefox the elementBoundingBox.top
stays at 0
, so the condition is still true.
I'm just not sure yet, what causes this shift of -0.25
in Chrome.
Edit1: The height changes by 0.5
from 40
to 40.5
. 0.25
is the half of this max-height
fix of the PR fixes the issue. getting closer...
from neos-ui.
I could reproduce it. The bug only appears if 10 or more items are present in the list (because then new functionality is enabled like the search bar and so forth).
Mac os 13.4.1 + Chrome Version 114.0.5735.198 (Offizieller Build) (arm64)
Bildschirmaufnahme.2023-07-06.um.13.57.18.mov
Bildschirmaufnahme.2023-07-06.um.14.02.46.mov
On firefox it works a bit better but is also totally buggy lol.
Mac os 13.4.1 + Firefox 113.0.2 (64-Bit)
Bildschirmaufnahme.2023-07-06.um.14.03.59.mov
from neos-ui.
i just found a fix to make it useable again: #3565
this comes with the drawback that we dont display a search box for now anymore for more than 9 entries. I still think its a better than to have it totally broken for the next weeks.
from neos-ui.
Thank you so much @JamesAlias for investigating the real issue and not just fixing it hackily like me in #3565
i just talked to @grebaldi about this bug and he said the select box has been misused as dimension selector. Also we agreed that it might be a questionable feature to have the search box shown in the dimension selector - say you have other problems when having 10+ dimensions ^^
but id like to discuss the dimension selector and also hear your opinion. In case you find the fix and think its valid to have a search-box feel free to revert my change.
from neos-ui.
Reopening so we can fix this properly ;)
from neos-ui.
Related Issues (20)
- sh: 1: neos-react-scripts: not found HOT 2
- BUG: Click outside of the node creation dialog closes the dialog HOT 25
- !!! TASK: Remove plugin views HOT 3
- TASK: Dev experience fail if e2e tests are executed without `build-e2e-testing` HOT 2
- Make Neos 9.0 E2E test work ;) HOT 1
- TASK: E2E Testing cleanup
- TASK: Dont bundle CKeditor GUI Plugins
- FEATURE: Proper inline mode (`autoparagraph "false"`) HOT 1
- EPIC: E2E Tests for Neos 9.0
- BUG: NotEmptyValidator blocks saving Inspector changes, even if the field is hidden HOT 3
- BUG: Document and Content tree not resizable on safari HOT 1
- 8.3.0 -> 8.3.1 breaks CKE placeholder functionality for elements without autoParagraph HOT 2
- E2E Flaky Tests ` Discarding: delete a content node and then discard deletion` HOT 1
- Value 0 is not possible anymore on Range Slider
- TASK: Allow node v16 for 7.3...8.1 HOT 7
- re-write NodeTemplates // extend API
- Inline Placeholder is broken if autoparagraph is false HOT 1
- BUG: Neos UI crashes after applying references with `Neos.NodeTypes.ContentReferences:ContentReferences` HOT 11
- BUG: Popup closing when releasing the mouse outside
- BUG: Can't escape the creation dialog without clicking the back button HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from neos-ui.