How to properly edit scripts built into Bitrix JS?

Question

1C-Bitrix

I placed the component on the page, copied the built-in template to fix it, and ran into a problem:
I need to change the block width, but it is calculated in the component script /bitrix/components/bitrix/search.title/script.js
If I change it, then on a subsequent update, it may change and my template will break.
In other components, this script usually lies in the template.
What is the right thing to do in this case?
Copy this file to the template and include it in the template? And how then to disable the built-in script?

Answer 1

as an option:
copy the component to /local/components/,
rename it
, edit it as you need
and call it in the right place
in this option, it will be like your own component based on the standard one, and it will not crash when updated.

Answer 2

Copy this file to the template and include it in the template? And how then to disable the built-in script?

1. Copy - yes, it will connect itself (if it will be called script.js),
2. Disable built-in - no, functions can be redefined in javascript. Because connection - component->component template, your function with the same name will override the built-in one.
Another option, if you don't want to redefine - instead of redefining the function, you change its name, this function is called in template.php, you also change the name there