mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
ab273a8433
I also fixed the transform hack in material-element to clean up after itself. I also discovered that our namedSetter implementation did not handle null (it crashed) while doing this. I fixed that and tested my fix. This runs great on a Nexus 5, but poorly on an Nexus 10. R=abarth@chromium.org BUG= Review URL: https://codereview.chromium.org/956753002
63 lines
1.7 KiB
Plaintext
63 lines
1.7 KiB
Plaintext
<!--
|
|
// Copyright 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
-->
|
|
<import src="sky-element.sky" />
|
|
<import src="sky-ink-splash.sky" />
|
|
<script>
|
|
import "dart:sky";
|
|
|
|
HTMLStyleElement _kStyleElement;
|
|
|
|
class MaterialElement extends SkyElement {
|
|
Set<SkyInkSplash> _activeSplashes = new Set();
|
|
bool _didAddTransformHack = false;
|
|
|
|
MaterialElement() {
|
|
addEventListener('pointerdown', _handlePointerDown);
|
|
addEventListener('gesturescrollstart', _handleScrollStart);
|
|
}
|
|
|
|
void addTransformHack() {
|
|
if (_didAddTransformHack)
|
|
return;
|
|
if (style['transform'] != null)
|
|
return;
|
|
_didAddTransformHack = true;
|
|
// We set the transform here to become a container for absolutely positioned
|
|
// elements. We should either have a better way of becoming such a container
|
|
// or we should make every RenderBlock be such a container.
|
|
style['transform'] = 'translateX(0)';
|
|
}
|
|
|
|
void removeTransformHack() {
|
|
if (!_didAddTransformHack)
|
|
return;
|
|
style.removeProperty('transform');
|
|
_didAddTransformHack = false;
|
|
}
|
|
|
|
void _handlePointerDown(PointerEvent event) {
|
|
addTransformHack();
|
|
ClientRect rect = getBoundingClientRect();
|
|
SkyInkSplash splash = new SkyInkSplash();
|
|
shadowRoot.prependChild(splash);
|
|
splash.start(event.x, event.y, rect).then(_handleSplashComplete);
|
|
_activeSplashes.add(splash);
|
|
}
|
|
|
|
void _handleSplashComplete(SkyInkSplash splash) {
|
|
_activeSplashes.remove(splash);
|
|
if (_activeSplashes.isEmpty)
|
|
removeTransformHack();
|
|
}
|
|
|
|
void _handleScrollStart(GestureEvent event) {
|
|
for (SkyInkSplash splash in _activeSplashes) {
|
|
splash.cancel();
|
|
}
|
|
}
|
|
}
|
|
</script>
|