Unclear search control component behaviour

[doomsheep1]

https://github.com/Alfresco/alfresco-ng2-components/blob/develop/lib/content-services/src/lib/search/components/search-control.component.ts

I do not understand how this component works, the search text input and the search icon are both hidden by a translationX:100% transformation. The search controls only appear if i click on the search icon, but even the search icon itself is hidden, how am i supposed to click it? I had to override the translation in my own CSS in order to spawn the controls. Please help me understand or clarify am i using it wrongly somehow?