@breakside/jskit 2021.52.0 → 2022.6.0

package/Root/Frameworks/UIKit/UIPopupButton.js

@@ -467,18 +467,21 @@ JSClass("UIPopupButtonStyler", UIControlStyler, {
 
 JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
 
-    showsOverState: false,
     titleInsets: null,
     normalBackgroundColor: null,
     disabledBackgroundColor: null,
+    overBackgroundColor: null,
     activeBackgroundColor: null,
     normalBackgroundGradient: null,
+    overBackgroundGradient: null,
     disabledBackgroundGradient: null,
     activeBackgroundGradient: null,
     normalBorderColor: null,
     disabledBorderColor: null,
+    overBorderColor: null,
     activeBorderColor: null,
     normalTitleColor: null,
+    overTitleColor: null,
     disabledTitleColor: null,
     activeTitleColor: null,
     borderWidth: 0,
@@ -508,7 +511,7 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
     },
 
     initWithSpec: function(spec){
-        UIPopupButtonCustomStyler.$super.initWithSpec(spec);
+        UIPopupButtonCustomStyler.$super.initWithSpec.call(this, spec);
 
         this._populateDefaults();
 
@@ -518,6 +521,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
         if (spec.containsKey("normalBackgroundColor")){
             this.normalBackgroundColor = spec.valueForKey("normalBackgroundColor", JSColor);
         }
+        if (spec.containsKey("overBackgroundColor")){
+            this.overBackgroundColor = spec.valueForKey("overBackgroundColor", JSColor);
+        }
         if (spec.containsKey("disabledBackgroundColor")){
             this.disabledBackgroundColor = spec.valueForKey("disabledBackgroundColor", JSColor);
         }
@@ -527,6 +533,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
         if (spec.containsKey("normalBackgroundGradient")){
             this.normalBackgroundGradient = spec.valueForKey("normalBackgroundGradient", JSGradient);
         }
+        if (spec.containsKey("overBackgroundGradient")){
+            this.overBackgroundGradient = spec.valueForKey("overBackgroundGradient", JSGradient);
+        }
         if (spec.containsKey("disabledBackgroundGradient")){
             this.disabledBackgroundGradient = spec.valueForKey("disabledBackgroundGradient", JSGradient);
         }
@@ -536,6 +545,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
         if (spec.containsKey("normalBorderColor")){
             this.normalBorderColor = spec.valueForKey("normalBorderColor", JSColor);
         }
+        if (spec.containsKey("overBorderColor")){
+            this.overBorderColor = spec.valueForKey("overBorderColor", JSColor);
+        }
         if (spec.containsKey("disabledBorderColor")){
             this.disabledBorderColor = spec.valueForKey("disabledBorderColor", JSColor);
         }
@@ -545,6 +557,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
         if (spec.containsKey("normalTitleColor")){
             this.normalTitleColor = spec.valueForKey("normalTitleColor", JSColor);
         }
+        if (spec.containsKey("overTitleColor")){
+            this.overTitleColor = spec.valueForKey("overTitleColor", JSColor);
+        }
         if (spec.containsKey("disabledTitleColor")){
             this.disabledTitleColor = spec.valueForKey("disabledTitleColor", JSColor);
         }
@@ -595,6 +610,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
             if (this.activeBorderColor === null){
                 this.activeBorderColor = this.normalBorderColor.colorDarkenedByPercentage(0.2);
             }
+            if (this.overBorderColor === null){
+                this.overBorderColor = this.normalBorderColor.colorDarkenedByPercentage(0.2);
+            }
             if (this.disabledBorderColor === null){
                 this.disabledBorderColor = this.normalBorderColor.colorWithAlpha(0.5);
             }
@@ -602,6 +620,9 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
         if (this.normalTitleColor === null){
             this.normalTitleColor = JSColor.text;
         }
+        if (this.overTitleColor === null){
+            this.overTitleColor = this.normalTitleColor.colorDarkenedByPercentage(0.2);
+        }
         if (this.activeTitleColor === null){
             this.activeTitleColor = this.normalTitleColor.colorDarkenedByPercentage(0.2);
         }
@@ -628,6 +649,13 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
             button._titleLabel.textColor = this.disabledTitleColor;
             button._imageView.templateColor = this.disabledTitleColor;
             button._indicatorView.templateColor = this.disabledTitleColor;
+        }else if (button.over){
+            button.layer.backgroundColor = this.overBackgroundColor;
+            button.layer.backgroundGradient = this.overBackgroundGradient;
+            button.layer.borderColor = this.overBorderColor;
+            button._titleLabel.textColor = this.overTitleColor;
+            button._imageView.templateColor = this.overTitleColor;
+            button._indicatorView.templateColor = this.overTitleColor;
         }else if (button.active){
             button.layer.backgroundColor = this.activeBackgroundColor;
             button.layer.backgroundGradient = this.activeBackgroundGradient;
@@ -754,6 +782,7 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
     activeBackgroundColor: null,
     overBackgroundColor: null,
     cornerRadius: 0,
+    titleInsets: null,
 
     init: function(){
         this.initWithColor(JSColor.text);
@@ -766,7 +795,7 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
     },
 
     initWithSpec: function(spec){
-        UIPopupButtonCustomStyler.$super.initWithSpec(spec);
+        UIPopupButtonCustomStyler.$super.initWithSpec.call(this, spec);
         if (spec.containsKey("normalColor")){
             this.normalColor = spec.valueForKey("normalColor", JSColor);
         }
@@ -786,6 +815,9 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
         if (spec.containsKey("cornerRadius")){
             this.cornerRadius = spec.valueForKey("cornerRadius");
         }
+        if (spec.containsKey("titleInsets")){
+            this.titleInsets = spec.valueForKey("titleInsets", JSInsets);
+        }
         this._fillInMissingColors();
     },
 
@@ -796,6 +828,9 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
         if (this.disabledColor === null){
             this.disabledColor = this.normalColor.colorWithAlpha(0.5);
         }
+        if (this.titleInsets === null){
+            this.titleInsets = JSInsets.Zero;
+        }
     },
 
     initializeControl: function(button){
@@ -807,6 +842,7 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
         button._indicatorView.frame = JSRect.Zero;
         button._imageView.hidden = false;
         button.cornerRadius = this.cornerRadius;
+        button.titleInsets = this.titleInsets;
         this.updateControl(button);
     },
 

package/Root/Frameworks/UIKit/UIScrollView.js

@@ -276,6 +276,8 @@ JSClass('UIScrollView', UIView, {
 
     _sanitizedOffset: function(offset){
         offset = JSPoint(offset);
+        offset.x = Math.round(offset.x);
+        offset.y = Math.round(offset.y);
         if (!this.scrollsHorizontally){
             offset.x = this._contentOffset.x;
         }else if (offset.x < this._minContentOffset.x){

package/Root/Frameworks/UIKit/UISplitViewController.js

@@ -56,7 +56,7 @@ JSClass("UISplitViewController", UIViewController, {
     viewDidLoad: function(){
         UISplitViewController.$super.viewDidLoad.call(this);
         this._view.delegate = this;
-        if (this._mainViewController !== null && this._view.mainView === null){
+        if (this._mainViewController !== null && this._view.mainView === null && !this._view.mainHidden){
             this._view.mainView = this._mainViewController.view;
         }
         if (this._leadingViewController !== null && this._view.leadingView === null){
@@ -72,7 +72,7 @@ JSClass("UISplitViewController", UIViewController, {
         if (this._leadingViewController !== null && this.leadingViewOpen){
             this._leadingViewController.viewWillAppear(animated);
         }
-        if (this._mainViewController !== null){
+        if (this._mainViewController !== null && !this._view.mainHidden){
             this._mainViewController.viewWillAppear(animated);
         }
         if (this._trailingViewController !== null && this.trailingViewOpen){
@@ -85,7 +85,7 @@ JSClass("UISplitViewController", UIViewController, {
         if (this._leadingViewController !== null && this.leadingViewOpen){
             this._leadingViewController.viewDidAppear(animated);
         }
-        if (this._mainViewController !== null){
+        if (this._mainViewController !== null && !this._view.mainHidden){
             this._mainViewController.viewDidAppear(animated);
         }
         if (this._trailingViewController !== null && this.trailingViewOpen){
@@ -98,7 +98,7 @@ JSClass("UISplitViewController", UIViewController, {
         if (this._leadingViewController !== null && this.leadingViewOpen){
             this._leadingViewController.viewWillDisappear(animated);
         }
-        if (this._mainViewController !== null){
+        if (this._mainViewController !== null && !this._view.mainHidden){
             this._mainViewController.viewWillDisappear(animated);
         }
         if (this._trailingViewController !== null && this.trailingViewOpen){
@@ -111,7 +111,7 @@ JSClass("UISplitViewController", UIViewController, {
         if (this._leadingViewController !== null && this.leadingViewOpen){
             this._leadingViewController.viewDidDisappear(animated);
         }
-        if (this._mainViewController !== null){
+        if (this._mainViewController !== null && !this._view.mainHidden){
             this._mainViewController.viewDidDisappear(animated);
         }
         if (this._trailingViewController !== null && this.trailingViewOpen){
@@ -138,8 +138,14 @@ JSClass("UISplitViewController", UIViewController, {
     setMainViewController: function(mainViewController){
         if (this.isViewLoaded && this.view.mainHidden){
             this._setMainViewControllerCollapsed(mainViewController);
-            return;
+        }else{
+            this._setMainViewControllerFull(mainViewController);
         }
+    },
+
+    _mainNavigationRootViewController: null,
+
+    _setMainViewControllerFull: function(mainViewController){
         this.replaceChildViewController(this._mainViewController, mainViewController);
         this._mainViewController = mainViewController;
         if (this.isViewLoaded){
@@ -148,21 +154,195 @@ JSClass("UISplitViewController", UIViewController, {
     },
 
     _setMainViewControllerCollapsed: function(mainViewController){
+        if (this._leadingViewController.isKindOfClass(UINavigationController)){
+            this._setMainViewControllerOnLeadingNavigationController(mainViewController, this._leadingViewController);
+        }else{
+            this._setMainViewControllerOnLeadingViewController(mainViewController, this._leadingViewController);
+        }
+    },
+
+    _setMainViewControllerOnLeadingNavigationController: function(mainViewController, navigationController){
+        // 1. Determine if we need to pop off any view controllers to remove the current mainViewController
+        var i;
+        var viewControllers = null;
         if (this._mainViewController !== null){
-            if (this._leadingViewController.isKindOfClass(UINavigationController)){
-                if (this._mainViewController === this._leadingViewController.topViewController){
-                    this._leadingViewController.popViewController(false);
+            if (this._mainViewController instanceof UINavigationController){
+                i = navigationController.viewControllers.indexOf(this._mainNavigationRootViewController);
+            }else{
+                i = navigationController.viewControllers.indexOf(this._mainViewController);
+            }
+            if (i > 0){
+                if (mainViewController === this._mainViewController){
+                    // Bail if we're being asked to show the same view controller that's already shown
+                    // NOTE: this check only comes after finding that the view controller
+                    // is indeed part of the presentation tree becuase without a notification
+                    // from the navigation controller when views are popped by the user,
+                    // we may be in a situation where this._mainViewController is set, but
+                    // is not part of the navigation stack
+                    return;
+                }
+                viewControllers = navigationController.viewControllers.slice(0, i);
+            }
+        }
+        // 2. Update the nav controller
+        if (mainViewController !== null){
+            if (mainViewController instanceof UINavigationController){
+                // When the new main view controller is a nav controller itself,
+                // move it's view controller to the leading nav controller
+                var mainNavigationController = mainViewController;
+                this._mainNavigationRootViewController = mainNavigationController.viewControllers[0];
+                if (viewControllers === null && mainNavigationController.viewControllers.length === 1){
+                    // In a typical case, the main nav controller has just one view controller,
+                    // which we'll move to the leading nav controller with a push animation
+                    mainNavigationController.setViewControllers([UIViewController.init()]);
+                    navigationController.pushViewController(this._mainNavigationRootViewController, true);
+                }else{
+                    // If the main nav controller has more than one view controller, or we're replacing some
+                    // there's not a meaningful animation we can show, so we'll just
+                    // update the leading nav without animation
+                    if (viewControllers === null){
+                        viewControllers = JSCopy(navigationController.viewControllers);
+                    }
+                    var l;
+                    for (i = 0, l = mainNavigationController.viewControllers.length; i < l; ++i){
+                        viewControllers.push(mainNavigationController.viewControllers[i]);
+                    }
+                    mainNavigationController.viewControllers = [UIViewController.init()];
+                    navigationController.viewControllers = viewControllers;
                 }
             }else{
-                if (this._mainViewController === this._leadingViewController.presentedViewController){
-                    this._leadingViewController.dismiss(false);
+                // When the new main view controller is NOT a nav controller,
+                // we'll just push it unless we have other updates to do
+                if (viewControllers === null){
+                    navigationController.pushViewController(mainViewController, true);
+                }else{
+                    viewControllers.push(mainViewController);
+                    navigationController.viewControllers = viewControllers;
                 }
             }
-            this._leadingViewController.view.layoutIfNeeded();
+        }else{
+            if (viewControllers !== null){
+                navigationController.popToViewController(viewControllers[viewControllers.length - 1], true);
+            }
         }
         this._mainViewController = mainViewController;
+    },
+
+    _setMainViewControllerOnLeadingViewController: function(mainViewController, viewController){
+        // Bail if we're being asked to show the same view controller that's already shown
+        if (mainViewController === this._mainViewController){
+            return;
+        }
+        // 1. Dismiss the current mainViewController
         if (this._mainViewController !== null){
-            this._leadingViewController.show(this._mainViewController, this);
+            if (this._mainViewController === viewController.presentedViewController){
+                viewController.dismiss();
+            }
+        }
+        // 2. Present the new mainViewController
+        if (mainViewController !== null){
+            viewController.presentViewController(mainViewController);
+        }
+        this._mainViewController = mainViewController;
+    },
+
+    _moveMainViewControllerToLeading: function(){
+        if (this._mainViewController === null){
+            return;
+        }
+        if (this._leadingViewController instanceof UINavigationController){
+            this._moveMainViewControllerToLeadingNavigationController(this._leadingViewController);
+        }else{
+            this._moveMainViewControllerToLeadingViewController(this._leadingViewController);
+        }
+    },
+
+    _moveMainViewControllerToLeadingNavigationController: function(navigationController){
+        var viewControllers = JSCopy(navigationController.viewControllers);
+        if (this._mainViewController instanceof UINavigationController){
+            var mainNavigationController = this._mainViewController;
+            this._mainNavigationRootViewController = mainNavigationController.viewControllers[0];
+            var i, l;
+            for (i = 0, l = mainNavigationController.viewControllers.length; i < l; ++i){
+                viewControllers.push(mainNavigationController.viewControllers[i]);
+            }
+            mainNavigationController.viewControllers = [UIViewController.init()];
+            if (this.isViewVisible){
+                mainNavigationController.scheduleDisappearance();
+            }
+        }else{
+            this.view.mainView = null;
+            viewControllers.push(this._mainViewController);
+        }
+        navigationController.viewControllers = viewControllers;
+    },
+
+    _moveMainViewControllerToLeadingViewController: function(viewController){
+        this.view.mainView = null;
+        viewController.presentViewController(this._mainViewController, false);
+    },
+
+    _moveMainViewControllerFromLeading: function(){
+        if (this._mainViewController === null){
+            return;
+        }
+        var initialMainViewController = this._mainViewController;
+        if (this._leadingViewController instanceof UINavigationController){
+            this._moveMainViewControllerFromLeadingNavigationController(this._leadingViewController);
+        }else{
+            this._moveMainViewControllerFromLeadingViewController(this._leadingViewController);
+        }
+    },
+
+    _moveMainViewControllerFromLeadingNavigationController: function(navigationController){
+        if (this._mainViewController instanceof UINavigationController){
+            var mainNavigationController = this._mainViewController;
+            var i = navigationController.viewControllers.indexOf(this._mainNavigationRootViewController);
+            if (i > 0){
+                if (mainNavigationController.view.superview === null){
+                    this.view.mainView = mainNavigationController.view;
+                }
+                mainNavigationController.scheduleAppearance();
+                var viewControllers = navigationController.viewControllers.slice(i);
+                navigationController.popToViewController(navigationController.viewControllers[i - 1], false);
+                viewControllers[viewControllers.length - 1].scheduleAppearance();
+                mainNavigationController.viewControllers = viewControllers;
+            }else{
+                this._mainViewController = null;
+                if (this.isViewLoaded){
+                    this.view.mainView = null;
+                }
+            }
+            this._mainNavigationRootViewController = null;
+        }else{
+            navigationController.popToViewController(this._mainViewController, false);
+            if (navigationController.topViewController === this._mainViewController){
+                navigationController.popViewController(false);
+                if (this.isViewLoaded){
+                    this._mainViewController.scheduleAppearance();
+                    this.view.mainView = this._mainViewController.view;
+                }
+            }else{
+                this._mainViewController = null;
+                if (this.isViewLoaded){
+                    this.view.mainView = null;
+                }
+            }
+        }
+    },
+
+    _moveMainViewControllerFromLeadingViewController: function(viewController){
+        if (viewController.presentedViewController === this._mainViewController){
+            viewController.dismiss(false);
+            if (this.isViewLoaded){
+                this._mainViewController.scheduleAppearance();
+                this.view.mainView = this._mainViewController.view;
+            }
+        }else{
+            this._mainViewController = null;
+            if (this.isViewLoaded){
+                this.view.mainView = null;
+            }
         }
     },
 
@@ -207,37 +387,24 @@ JSClass("UISplitViewController", UIViewController, {
             percentRemaining = this._leadingAnimator.percentComplete;
             this._leadingAnimator = null;
         }
-        var willAppear = !this.splitView.leadingViewOpen;
-        if (willAppear){
-            this._leadingViewController.viewWillAppear(animated);
-        }else{
-            this._leadingViewController.viewWillDisappear(animated);
-        }
+        var opening = !this.splitView.leadingViewOpen;
+        this._leadingViewController.beginAppearanceTransition(opening, animated);
         if (!animated){
-            this.splitView.leadingViewOpen = !this.splitView.leadingViewOpen;
-            if (willAppear){
-                this._leadingViewController.enqueueDidAppear();
-            }else{
-                this._leadingViewController.enqueueDidDisappear();
-            }
+            this.splitView.leadingViewOpen = opening;
+            this._leadingViewController.endAppearanceTransition();
         }else{
             // make sure to apply any pending layouts before doing the animation,
             // otherwise the pending layouts will get caught up in the animation
             this.splitView.layoutIfNeeded();
             var animator = UIViewPropertyAnimator.initWithDuration(0.15 * percentRemaining);
-            var self = this;
-            this.splitView.leadingViewOpen = !this.splitView.leadingViewOpen;
+            this.splitView.leadingViewOpen = opening;
             animator.addAnimations(function(){
-                self.splitView.layoutIfNeeded();
-            });
+                this.splitView.layoutIfNeeded();
+            }, this);
             animator.addCompletion(function(){
-                self._leadingAnimator = null;
-                if (willAppear){
-                    self._leadingViewController.viewDidAppear(animated);
-                }else{
-                    self._leadingViewController.viewDidDisappear(animated);
-                }
-            });
+                this._leadingAnimator = null;
+                this._leadingViewController.endAppearanceTransition();
+            }, this);
             this._leadingAnimator = animator;
             animator.start();
         }
@@ -272,37 +439,24 @@ JSClass("UISplitViewController", UIViewController, {
             percentRemaining = this._trailingAnimator.percentComplete;
             this._trailingAnimator = null;
         }
-        var willAppear = !this.splitView.leadingViewOpen;
-        if (willAppear){
-            this._trailingViewController.viewWillAppear(animated);
-        }else{
-            this._trailingViewController.viewWillDisappear(animated);
-        }
+        var opening = !this.splitView.trailingViewOpen;
+        this._trailingViewController.beginAppearanceTransition(opening, animated);
         if (!animated){
             this.splitView.trailingViewOpen = !this.splitView.trailingViewOpen;
-            if (willAppear){
-                this._trailingViewController.enqueueDidAppear();
-            }else{
-                this._trailingViewController.enqueueDidDisappear();
-            }
+            this._trailingViewController.endAppearanceTransition();
         }else{
             // make sure to apply any pending layouts before doing the animation,
             // otherwise the pending layouts will get caught up in the animation
             this.splitView.layoutIfNeeded();
             var animator = UIViewPropertyAnimator.initWithDuration(0.15 * percentRemaining);
-            var self = this;
             this.splitView.trailingViewOpen = !this.splitView.trailingViewOpen;
             animator.addAnimations(function(){
-                self.splitView.layoutIfNeeded();
-            });
+                this.splitView.layoutIfNeeded();
+            }, this);
             animator.addCompletion(function(){
-                self._trailingAnimator = null;
-                if (willAppear){
-                    self._trailingViewController.viewDidAppear(animated);
-                }else{
-                    self._trailingViewController.viewDidDisappear(animated);
-                }
-            });
+                this._trailingAnimator = null;
+                this._trailingViewController.endAppearanceTransition();
+            }, this);
             this._trailingAnimator = animator;
             animator.start();
         }
@@ -311,27 +465,15 @@ JSClass("UISplitViewController", UIViewController, {
     splitViewDidToggleView: function(splitView, toggledView){
     },
 
-    isChangingTraits: false,
-
     traitCollectionDidChange: function(previous){
         UISplitViewController.$super.traitCollectionDidChange.call(this);
         if (this.view.canHideMain && previous.horizontalSizeClass != this.traitCollection.horizontalSizeClass){
             if (previous.horizontalSizeClass === UIUserInterface.SizeClass.compact){
-                if (this._leadingViewController.isKindOfClass(UINavigationController)){
-                    if (this._mainViewController === this._leadingViewController.topViewController){
-                        this._leadingViewController.popViewController(false);
-                    }
-                }else{
-                    if (this._leadingViewController.presentedViewController === this._mainViewController){
-                        this._leadingViewController.dismiss(false);
-                    }
-                }
+                this._moveMainViewControllerFromLeading();
+            }else{
+                this._moveMainViewControllerToLeading();
+
             }
-            this.isChangingTraits = true;
-            var vc = this._mainViewController;
-            this.mainViewController = null;
-            this.mainViewController = vc;
-            this.isChangingTraits = false;
         }
     },
 

package/Root/Frameworks/UIKit/UITabViewController.js

@@ -139,10 +139,10 @@ JSClass("UITabViewController", UIViewController, {
 
     tabViewWillSelectItemAtIndex: function(tabView, index){
         if (this.isViewVisible && this._previouslySelectedViewController !== null){
-            this._previouslySelectedViewController.viewWillDisappear();
+            this._previouslySelectedViewController.scheduleDisappearance();
         }
         var viewController = null;
-        if (index < this._viewControllers.length){
+        if (index >= 0 && index < this._viewControllers.length){
             viewController = this._viewControllers[index];
         }
         if (viewController !== null){
@@ -150,23 +150,17 @@ JSClass("UITabViewController", UIViewController, {
             // is selected
             viewController.tabViewItem.view = viewController.view;
             if (this.isViewVisible){
-                viewController.viewWillAppear();
+                viewController.scheduleAppearance();
             }
         }
     },
 
     tabViewDidSelectItemAtIndex: function(tabView, index){
         var viewController = null;
-        if (index < this._viewControllers.length){
+        if (index >= 0 && index < this._viewControllers.length){
             viewController = this._viewControllers[index];
         }
-        if (this.isViewVisible && this._previouslySelectedViewController !== null){
-            this._previouslySelectedViewController.viewDidDisappear();
-        }
         this._previouslySelectedViewController = viewController;
-        if (this.isViewVisible && viewController !== null){
-            viewController.viewDidAppear();
-        }
     }
 
 });

package/Root/Frameworks/UIKit/UITextField.js

@@ -788,6 +788,9 @@ JSClass("UITextField", UIControl, {
             this.delegate.textFieldDidChange(this);
         }
         this._didChange = true;
+        if (this._textLayer.textAlignment !== JSTextAlignment.left){
+            this.setNeedsLayout();
+        }
     },
 
     _adjustCursorPositionToCenterIfNeeded: function(){

package/Root/Frameworks/UIKit/UIView.js

@@ -145,6 +145,9 @@ JSClass('UIView', UIResponder, {
                 this.addSubview(subview);
             }
         }
+        if (spec.containsKey("clipsToBounds")){
+            this.clipsToBounds = spec.valueForKey("clipsToBounds");
+        }
         // NOTE: constraints are still and work in progress, and aren't actually
         // used yet during layout
         if (spec.containsKey("constraints")){