use-virtual-scroll.js
See original GitHub issueWhat happened?
Uncaught TypeError: Cannot read properties of null (reading ‘children’) at eval (use-virtual-scroll.js?4f3e:28:1)
What did you expect to happen?
Using select component with filter, when serch no match getting an error.
`const children = contentEl.children || []`
Reproduction URL
https://codesandbox.io/s/awesome-cray-f483ed?file=/src/components/test.vue
How to reproduce?
Uncaught TypeError: Cannot read properties of null (reading ‘children’) at eval (use-virtual-scroll.js?4f3e:28:1)
Flavour
Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)
Areas
Components (quasar)
Platforms/Browsers
Chrome
Quasar info output
Operating System - Windows_NT(10.0.22000) - win32/x64
NodeJs - 16.14.0
Global packages
NPM - 7.18.1
yarn - Not installed
@quasar/cli - 1.3.2
@quasar/icongenie - Not installed
cordova - Not installed
Important local packages
quasar - 2.6.6 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app-webpack - 3.5.1 -- Quasar Framework App CLI with Webpack
@quasar/extras - 1.13.5 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 3.2.29 -- The progressive JavaScript framework for building modern web UI.
vue-router - 4.0.14
pinia - 2.0.13 -- Intuitive, type safe and flexible Store for Vue
vuex - Not installed
electron - Not installed
electron-packager - Not installed
electron-builder - Not installed
@babel/core - 7.17.8 -- Babel compiler core.
webpack - 5.70.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
webpack-dev-server - 4.8.1 -- Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - Not installed
register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
typescript - 4.5.5 -- TypeScript is a language for application scale JavaScript development
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
Quasar App Extensions
*None installed*
Networking
Host - LAPTOP-KP9Q1DUM
VMware Network Adapter VMnet1 - 192.168.62.1
VMware Network Adapter VMnet8 - 192.168.100.1
Wi-Fi - 192.168.1.45
Relevant log output
No response
Additional context
No response
Issue Analytics
- State:
- Created a year ago
- Comments:13
Top Results From Across the Web
Build your Own Virtual Scroll - Part I - DEV Community
Building your own virtual scrolling (windowing) is not as hard as it sounds. We will start by building a simple one where the...
Read more >virtual-scroll - npm
A 2kb gzipped low-level library to create custom scrollers with touch and keyboard support. This is heavily inspired by Bartek Drozdz ...
Read more >Virtual scrolling on javascript - Stack Overflow
Virtual scrolling on javascript ; var s = 20000000 ; var rh = 50 ; var th = rh * s; // virtual...
Read more >Virtual scrolling: Core principles and basic implementation in ...
While there are myriad use cases and requirements associated with virtual scrolling, today we'll focus on understanding the core principles ...
Read more >dhilt/vscroll: A JavaScript Virtual Scroll Engine - GitHub
VScroll is a JavaScript library providing virtual scroll engine. Can be seen as a core for platform-specific solutions designed to represent unlimited ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Ok, I’ll check these steps tomorrow
Sorry, I cannot reproduce your situation - maybe you have some options in QSelect? Please make a codepen with your situation