irita | IRITA Consortium Blockchain | Blockchain library
kandi X-RAY | irita Summary
kandi X-RAY | irita Summary
Inter-Realm Industry Trust Alliance(IRITA) is the 1st enterprise-level permissioned blockchain product in Cosmos ecosystem Powered by Tendermint and IRIS SDK. It has 6 core technical advantages such as privacy-protecting data sharing with authorization, highly efficient consensus protocol, cutting-edge cross-chain technology, highly practical on/off-chain inter-operation capabilities, flexible digital asset modeling and exchange, and business analytics powered by big data. Thus IRITA can be widely used in various industries, such as the financial industry, providing value based on blockchain trust machines.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of irita
irita Key Features
irita Examples and Code Snippets
Community Discussions
Trending Discussions on irita
QUESTION
I like very much css grid because of its simplicity. But there seems to be a performance issue with css grid that flexbox does not have.
I have implemented a two column full screen page both columns having a form with input box and a list of items with overflow-y:auto. One example where the left and right panel are implemented using flexbox and one where left and right panel are implemented with css grid.
this is the flexbox version : https://web-platform-wtfgmj.stackblitz.io/
and this is the css grid version : https://web-platform-wtfgmj.stackblitz.io/index2.html
Open the developper tools in chrome and enable paint flashing (tools/rendering has to be enabled). When typing in one of the input boxes, the css grid version will repaint all items in the list. The flexbox version does not have this problem.
I would like to understand why css grid repaints all items in the list when typing in the input box ? And can it somehow be avoided ?
Update : Seems to be problem with stackblitz... included as code snippets
Update 2: because it's little bit burried in comments: So I filed a bug report with chrome (bugs.chromium.org/p/chromium/issues/detail?id=1204446, upon suggestion of dgrogan) and they seem to confirm that it is a performance issue with chrome's current grid implementation. Apparently they are busy with a new implementation LayoutNGGrid which would solve the issue
...ANSWER
Answered 2021-Apr-27 at 16:36I've been able to reproduce the problem locally (almost at least). As you can see in the following image, in my browser (Chromium v92.0.4488.0) only an area on the far right of the column is repainted - exactly the area where the scrollbar will be displayed when it is used.
Using Firefox (v88.0) or Safari (v14.0.3), on the other hand, neither in the Flexbox nor the grid example anything other than the input is being repainted.
Since you don't use absolute values for the height of the containers, I suspect it happens due to the calculation of the height and whether the scrollbar needs to be displayed. Chrome seems to behave differently here than other browsers.
A simple fix seems to be to define an absolute height for the containers (vh, although it's a relative unit, seems to work too):
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install irita
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page