You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Help us to manage our issues by answering the following:
Describe your issue:
rendering is broken when update() is called inside of onMounted().
like
<my-tag>
<ql-flex row> <!--this is row-oriented toolbar, content of it collection of buttons accepted via <slot/> -->
<ql-button text='A' />
<ql-button text='B' />
<ql-button text='C' />
</ql-flex>
<script>
export default {
onMounted()
{
// this.update() // <-- uncomment to reproduce
}
}
</script>
</my-tag>
that is a regression between ver 7.x and 9.x
when it works
when it fails -- toolbar becomes vertically oriented, hovering over buttons produces this rendering:
it is likely not a compiler issue as rendering works when compiler 9.0.3 is used with riot client ver 7.1.0
though rendering is broken when compiler 9.0.3 and riot client 9.0.3 is used
use case for having update() inside of onMounted() -- build default UI then request additional data
from server to build user-specific UI based on user-specific settings stored on the server.
please advise if using update() inside of onMounted() is legal.
Just check a few random tags of mine, using 9.0.3 runtime + runtime compiler, and I'm definitely calling .update() with onMounted, not seeing any issues so far, so maybe it's specific to your component?
EDIT: Looking at your example, it seems props.row first comes in as an empty string (expected) and then basically disappears on the next call (well it's technically undefined)
it looks like issue is embedded style related. and nicely reproducible, see plunker link.
also, I was using component's code since ver 6 and all was working just fine until ver 9.
if you use my plunker to refer to ver 7 and use update() in onMounted() it will still work.
Help us to manage our issues by answering the following:
rendering is broken when update() is called inside of onMounted().
like
that is a regression between ver 7.x and 9.x
when it works
![image](https://private-user-images.githubusercontent.com/50788857/262510556-a4e1caa3-1103-4d5f-ad97-83ee50ae3692.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjkxNzgsIm5iZiI6MTcyMDEyODg3OCwicGF0aCI6Ii81MDc4ODg1Ny8yNjI1MTA1NTYtYTRlMWNhYTMtMTEwMy00ZDVmLWFkOTctODNlZTUwYWUzNjkyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIxMzQzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQxMjU1OWI2NmViY2ZiN2UwZDU1MzEwODU4ZTVkYWUxMTQ1NTE3MWFhYzQ2Mjk5MDlhYTQzNThiODAwYjgyMGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JjjmZpNK9ZKJ9Bt22ocw-A2IA6uiTfzUA3Tcq9PGS-E)
when it fails -- toolbar becomes vertically oriented, hovering over buttons produces this rendering:
![image](https://private-user-images.githubusercontent.com/50788857/262510253-081cdd56-2a0c-4ae3-afd1-83f5fb3f33ef.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMjkxNzgsIm5iZiI6MTcyMDEyODg3OCwicGF0aCI6Ii81MDc4ODg1Ny8yNjI1MTAyNTMtMDgxY2RkNTYtMmEwYy00YWUzLWFmZDEtODNmNWZiM2YzM2VmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDIxMzQzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQzYmNlYWIwODRmMTIzMmE3MThhODVmYzUwNTdjNWVmMzNjNmYyYTFmNTIwZWViYWE2MzA5YjY2NDA2ZDE2NDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ou5TvHTgh8Hddf6EFAWZgDbTbLIRfpZCPktiDlAyI88)
it is likely not a compiler issue as rendering works when compiler 9.0.3 is used with riot client ver 7.1.0
though rendering is broken when compiler 9.0.3 and riot client 9.0.3 is used
use case for having update() inside of onMounted() -- build default UI then request additional data
from server to build user-specific UI based on user-specific settings stored on the server.
please advise if using update() inside of onMounted() is legal.
Can you reproduce the issue?
https://plnkr.co/edit/ByNtrQNBxZOETBW0
see my-tag.html -- uncomment to reproduce
On which browser/OS does the issue appear?
win10(64bit) \ chrome 115.0.5790.173
Which version of Riot does it affect?
riot 9.x
How would you tag this issue?
The text was updated successfully, but these errors were encountered: