update

example/page/AboutPage.qml

@@ -35,7 +35,7 @@ FluWindow {
                 fontStyle: FluText.Title
             }
             FluText{
-                text:"v1.1.4"
+                text:"v1.1.5"
                 fontStyle: FluText.Body
                 Layout.alignment: Qt.AlignBottom
             }

src/controls/FluAutoSuggestBox.qml

@@ -139,6 +139,16 @@ TextField{
         id:input_popup
         visible: input.focus
         y:input.height
+        modal: true
+        dim:false
+        enter: Transition {
+            NumberAnimation {
+                property: "y"
+                from:0
+                to:input_popup.y
+                duration: 150
+            }
+        }
         onClosed: {
             input.focus = false
         }

src/controls/FluCalendarPicker.qml

@@ -65,6 +65,14 @@ Rectangle {
         width: container.width
         modal: true
         dim:false
+        enter: Transition {
+            NumberAnimation {
+                property: "y"
+                from:0
+                to:popup.y
+                duration: 150
+            }
+        }
         background: FluCalendarView{
             id:container
             onDateClicked:

src/controls/FluColorPicker.qml

@@ -36,6 +36,14 @@ Button{
         background: FluColorView{
             id:container
         }
+        enter: Transition {
+            NumberAnimation {
+                property: "y"
+                from:0
+                to:popup.y
+                duration: 150
+            }
+        }
         contentItem: Item{}
         function showPopup() {
             var pos = control.mapToItem(null, 0, 0)

src/controls/FluDatePicker.qml

@@ -104,6 +104,14 @@ Rectangle {
         contentItem: Item{}
         modal: true
         dim:false
+        enter: Transition {
+            NumberAnimation {
+                property: "y"
+                from:0
+                to:popup.y
+                duration: 150
+            }
+        }
         background: Rectangle{
             id:container
             width: 300

src/controls/FluDropDownButton.qml

@@ -75,7 +75,7 @@ Button {
         }else if(pos.y>menu.height){
             menu.y = -menu.height
         }else{
-            popup.y = window.height-(pos.y+menu.height)
+            menu.y = window.height-(pos.y+menu.height)
         }
         menu.open()
     }

src/controls/FluMenu.qml

@@ -13,6 +13,15 @@ Menu {
     dim:false
     contentItem: Item{}
 
+    enter: Transition {
+        NumberAnimation {
+            property: "y"
+            from:0
+            to:popup.y
+            duration: 150
+        }
+    }
+
     background: Item {
         Rectangle{
             anchors.fill: parent

src/controls/FluTimePicker.qml

@@ -106,6 +106,14 @@ Rectangle {
         contentItem: Item{}
         modal: true
         dim:false
+        enter: Transition {
+            NumberAnimation {
+                property: "y"
+                from:0
+                to:popup.y
+                duration: 150
+            }
+        }
         background: Rectangle{
             id:container
             width: 300