Listpicker: full page blur and scrolling inside a Scrollview

[cdsaenz]

Hi Dave, this is more of a question on how to implement this than a bug of course. I have a long form inside a Scrollview to allow for more space for the inputs. I was able to put the picker on top thanks to your demo. But I can't figure out how to have the blur on the full page (the scrollable part goes without blur).

Also, and more important it seems that the scrolling within the long picker list can't be.. scrolled.

Any tip on how to best lay this out? Thanks!

        <ScrollView>                    
          <GridLayout rows="" columns="">                       
            <GridLayout rows="*, auto, *">           
                <StackLayout class="form">
                    <StackLayout class="input-field">
                        <Label text="My Label" class="form-label font-weight-bold m-b-5" />
                        <TextView text="{{ listArray.req_cuit }}" class="input" hint="Enter data" returnKeyType="next" />
                        <StackLayout class="hr-light"></StackLayout>
                    </StackLayout>
                   ( ....  Lot more input-field stacks ... ) 
                </StackLayout>
            </GridLayout>
            <ui:FilterableListpicker id="picker" blur="dark" hintText="Tipee para buscar..." source="{{ pickerItems }}"  itemTapped="pickerTapped" listHeight="435" />
          </GridLayout>        
        </ScrollView>

[davecoffin]

like this:

<GridLayout>
  <ScrollView>                    
    <StackLayout class="form">
      <StackLayout class="input-field">
        <Label text="My Label" class="form-label font-weight-bold m-b-5" />
        <TextView text="{{ listArray.req_cuit }}" class="input" hint="Enter data" returnKeyType="next" />
        <StackLayout class="hr-light"></StackLayout>
      </StackLayout>
      ( ....  Lot more input-field stacks ... ) 
    </StackLayout>
  </ScrollView>
  <ui:FilterableListpicker id="picker" blur="dark" hintText="Tipee para buscar..." source="{{ pickerItems }}"  itemTapped="pickerTapped" listHeight="435" />
</GridLayout>

[cdsaenz]

Thanks a lot Dave that did the trick, will reproduce in all my forms !