Comments (6)
@Xiaoy312 Can you try to remove the Shadows
property here in the template of the style and set the Shadows
only in the visual states please?
I think there is an issue when the Shadows
property is set in the template and needs to be changed in the visual states afterward
But if the Shadows
property is not set in the template and only set in the visual states then it is fine
Let's see if the current issue you opened is related to that please
from uno.gallery.
removing default ShadowContainer.Shadows and re-applying it via VisualState.Setters does not work (failed on chip, radio, check)
from uno.gallery.
this issue seems like a resurgence of unoplatform/uno.toolkit.ui#794
but for different platforms, and also 794 is no longer reproducible on latest version (and legacy stable) as of written
([email protected], [email protected])
however, this issue is still reproducible, but can use the same workaround suggested from 794
from uno.gallery.
@agneszitte @roubachof
I created a branch (dev/ramr/issue996) in Toolkit.ui that allows you to reproduce the case during Mouser Over, which makes it easier to test and reproduce the error.
Try to add a Breakpoint on the OnSurfacePainted and on the InvalidateCanvasLayoutSize and check the maxBlurRadius variable.
Shadows.on.VisualStates.mp4
The situation occurs due to the visualState event changing the size of the component, in this case becoming larger, and only after the Arrange phase, during the Render phase that Paint is executed and the image is adjusted to the new required image (where there are more BlurRadius).
I believe we will need to validate the size change issue before the Render phase or use the same solution that @Xiaoy312 already used in the workaround, which was to leave the shadows transparent until the new render.
from uno.gallery.
Will have a look at this one.
from uno.gallery.
I believe we will need to validate the size change issue before the Render phase or use the same solution that @Xiaoy312 already used in the workaround, [which was to leave the shadows transparent until the new render].
thats not what i said or left in the comment.
the issue was caused by switching between shadows that produced different layout (for InvalidateCanvasLayoutSize part)
the workaround was to add a [color=transparent opacity=0] shadow whose blur and spread, so the resulting layout would be the same, while not affecting the final drawing by using an invisible shadow
from uno.gallery.
Related Issues (20)
- [Gallery][Skia.Gtk] Lottie - A blank space is present when scrolling down the screen.
- [Gallery][All Platform]Lightweight Styling(Material)-The 'Overridden Radio Button style - Unchecked' button is being displayed as checked. HOT 1
- [Gallery][WASM]Typography-When the screen is resized, the text for 'Size/Line Height' is truncating, and the text related to the first row, such as 'Examples, Weight', is hiding.
- [Wasm] DataGrid doesn't load HOT 6
- `ContentDialog` doesn't have the proper theme HOT 1
- Flyout samples are all Material HOT 4
- [iOS] Search doesn't show the name of the searched control
- Selecting an item scrolls the navigation view up HOT 7
- [Gallery][Skia.GTK] `DataGrid` - column details content overlaps when resizing the screen. HOT 4
- [Gallery][Windows][ShadowContainer] Crash on selection of Tabbar Neumorphic Style dropdown toolkit sample page. HOT 6
- Enable UI tests that got disabled in #1115
- Add copy button to resources in Typography sample page HOT 1
- [Toolkit/TabBar] Improve `TabBar` sample
- [Gallery][iOS] AutoSuggestBox- The indentation for all the displayed control names with definitions is incorrect. HOT 4
- [Gallery][Wasm][WCT - DataGrid] Unable to scroll down or up HOT 1
- [Gallery][WASM][Home Page] Typo in 'Resources' dropdown HOT 1
- Click on disabled control has unintended effects HOT 2
- [Gallery][Wasm][Theming] Content from Adjacent Column Overlaps with Main Column on Smaller Screens HOT 1
- [iOS] Touch Text Selection in `Typography` page is broken
- [Wasm] `AutoSuggestBox` popup remains fixed in its original position when scrolling
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 uno.gallery.