Fix: Prevent the sticky search bar from interfering with other interactive elements - #112

• Added 2 properties to the sticky-bottom class (style.css).
• Added 2 properties to the sticky-bottom class (editor-style.css).

Description

Fixes the sticky bottom search bar issue mentioned in #91, with a caveat.

Screenshots

Front end:

Site Editor:

Site Editor (View change):

Testing Instructions

1. Visit a page.
2. Click on the sticky search icon at the bottom.
3. Scroll down to a clickable element that is in parallel with the search bar.
4. Confirm that the element is clickable, without any interference from the search bar.
5. For Site Editor testing, click "Edit Site".
6. Click on the Search Bar template part.
7. Click on any block adjacent to the search bar.
8. Confirm that the block is clickable/customizable, without any interference from the search bar.
9. For responsive design (Site Editor) testing, click the View button (the desktop icon) in the top right corner of the editor toolbar and switch to Tablet / Mobile view.
10. Click on the Search Bar template part.
11. Click on any block adjacent to the search bar.
12. Confirm that the block is clickable/customizable, without any interference from the search bar.

Caveat/Limitation

In case a user edits the original search bar template part to position the search-bar (row) block on the left or center, their edit will not work.

Possible solution to the limitation

The inclusion of two additional template parts ('Search Bar Left' and 'Search Bar Center'), with appropriate margin-inline/margin-inline-start/margin-inline-end property values, may give users more flexibility.

Use of AI Tools

AI assistance: No