Search broken in slack

[alexg0]

Avoid duplicates

• [x] I agree to follow the Code of Conduct that this project adheres to.
• [x] I have searched the issues tracker for a bug report similar to mine, in vain

Ferdium Version

7.1.1-nightly.7

What Operating System are you using?

macOS

Operating System Version

Taho 26.0.1

What arch are you using?

arm64 (including Apple Silicon)

Last Known Working Ferdium version

No response

Expected Behavior

When using slack inside ferdium, clicking on upper 70% of search bar, does not select search control.

Actual Behavior

Clicking anywhere on slack search bar should select the control and allow typing a search string

Steps to reproduce

1. open a slack account in ferdium
2. click on "Search ..." control in the upper half of the control
3. notice control is not selected
4. click right next to bottom margin of control

Debug link

No response

Screenshots

No response

Additional information

No response

[Alphrag]

I'm not sure exactly what you mean by that since I do not use Slack, but it is possibly the same as in https://github.com/ferdium/ferdium-app/issues/1221. Please check this and let me know if that is any different.

[alexg0]

Damn, it is the same probem. The Slack window looks like this image, and as you see the search bar is exactly in the area obscured by the invisible title bar. Any way not extend all the way across or at least make it thinner?

[Alphrag]

What I would recommend then is to edit the css of your service. For that right-click on your slack service, choose Edit and then scroll to the bottom to find the Open user.css button. This will create a new file inside your local slack recipe call user.css and will show it to you in Finder. Now all you have to do is edit it to add some padding at the top. For example, you can use the following:

.full_height {
    padding-top: 1em !important;
}

Reload your service and the change should be visible. If the value is not exactly the one you want, simply edit it again in the css file and reload the service. This way, it will leave a bit of a margin at the top and will prevent the titlebar from overlapping your search bar. Hope this helps 😉

[alexg0]

Thanks @Alphrag for suggestion. Specific suggestion did not work, but two alternative things did:

• Making draggable bar smaller
• pushing search bar above draggable area using z-index

Ended up going with first option.

.window-draggable {
       width: 40% !important; 
}