...
In our internal testing at Refined, however, we have identified two main possibilities that could break the custom code and will need proactive attention. These are summarized in the table below. We will also update this page with any further solutions that we discover.
...
Affected custom code | Resolution |
---|---|
Custom code |
...
targeting elements with a selector starting with |
...
When there are references in the style of “el-xxx”, “[data-v-xxx]” and “rw_xxx_module”. These kinds of references will need to be removed as they are being changed as part of the migrations that are being applied.
In cases where neither of these are able to resolve your issue, please make sure that the selector you are using is still finding the element that you mean it to after the migrations are completed.
There are some additional steps that can be taken in advance to minimize disruptions:
Any sites that have not been moved to the Page Builder already should be moved before the Vue3 migration. Please see this page for further details.
Selectors written to target particular elements, which will no longer work after the change to Vue3, can be written temporarily to also target the new elements.
If you have any questions or concerns, please contact the Refined Support Team for assistance.
The first issue that we expect may happen is when custom code is targeting elements with a selector starting with “ext” or “ext_ui”“ These will be changing, and as a result will cause your code not to find the element on the page it is looking for. | In general, if you replace the “ext” and “ext_ui” with “r” “ |
The second issue that we’ve been able to identify is references in the style of “el-xxx”, “[data-v-xxx]” and “rw_xxx_module”. Unfortunately these kinds of references will need to be removed as they are being changed as part of the migrations that are being applied. In cases where neither of these are able to resolve your issue, please make sure that the selector you are using is still finding the element that you mean it to after the migrations are completed. | |
Any selectors written to target particular elements on the page that might be written as follows;
Can be modified to the following;
In order for both to be targeted at once. This means that when the migration happens the page content will transition from | |
References in the style of “ | Unfortunately these kinds of references will need to be removed as they are being changed as part of the migrations that are being applied. In cases where neither of these are able to resolve your issue, please make sure that the selector you are using is still finding the element that you mean it to after the migrations are completed. |
In cases where none of the above resolutions are able to resolve your issue, please make sure that the selector you are using is still finding the element that you mean it to after the migrations are completed.
Info |
---|
There are some additional steps that can be taken in advance to minimize disruptions:
|
If you have any questions or concerns, please contact the Refined Support Team for assistance.