start-y doesn't work when content not tall enough to scroll

[calendee]

start-y was added back in January to be able to hide a search box.

http://forum.ionicframework.com/t/ios-mail-app-like-search-box-in-list/508/2

It no longer works:

http://codepen.io/calendee/pen/BpADr and http://codepen.io/ionic/pen/KzswD

[mlynch]

This does still work, the issue is that it doesn't work if the content is not high enough to scroll. See this working example: http://codepen.io/ionic/pen/sDdpG

Not sure what to do in this case. I think it should be up to them to handle (by adding a sized empty box). Thoughts?

[calendee]

Hmm…. Not sure other than purposefully making the content bigger than it needs to be when no data exists. Thats not a very good solution.

I agree that any hacks at the framework level are not appropriate and need to be handled by the developer.

[joemcelroy]

how about if the search box was handled like the refresher for ion-content?

• Hidden by default
• pull down to reveal
• if the search box is partially revealed, snap to either fully shown or completely hidden
• if the search box is in focus, move to the top of pane ( over any navigation bar )

[dhiva]

I have the same issue. The data are loaded from a webservice and I have enough data to have the scroll working but the page is rendered first before the data is populated and I guess it makes the search box appear and start-y doesn't seem to work. Is there a way to fix this or a work around?

[mikestecker]

+1 having the same issue @dhiva, content is loaded in after the view is rendered

[calendee]

@dhiva & @mikestecker : You can just keep the search box hidden until after data is loaded from the service then scroll so that it is hidden.

Sample (uses 2 second delay) : http://codepen.io/calendee/pen/pwcGk

[calendee]

@Phoey @dhiva

Try this sample. It determines if scroll is required. If not, it never shows the search box.

http://codepen.io/calendee/pen/lyeko

Of course, this sample is not particularly elegant. When there is enough data to scroll, you have to wait for the view to render before you can show the scroller and scroll down.

[dhiva]

@calendee
The example you have provided seem to work well. Thanks for the example

[perrygovier]

Not sure how or when, but this is working now. http://codepen.io/perrygovier/pen/iGDJq

[andyfo]

The example from @perrygovier (still) wouldn't work with a list shorter than the content height. However you can make it work by setting the .scroll div a fixed height that's the sum of the content height and the search box height (and usually minus the header height).

But even that solution won't work with the collection-repeat.

[4name]

+1 to @zabojnik collection-repeat and start-y doesn't work together.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.