में फिट हो जाता है, मैं वस्तुओं की एक क्लिक करने योग्य सूची पर लहर प्रभाव का उपयोग करने की कोशिश कर रहा हूं लेकिन मुझे इस समस्या का सामना करना पड़ रहा है कि लहर पर सभी स्क्रीन पर प्रभाव पड़ता है जब मैं उस सूची को एक कस्टम तत्व में समाहित करता हूं। यह बहुत अच्छा काम करता है अगर मैं इसे अपने index.html में रखता हूं लेकिन जब मैं वहां शामिल एक कस्टम तत्व बना देता हूं तो विफल रहता है। मैं इसी तरह के सवाल पढ़ने किया गया है जहां जवाब कंटेनर रिश्तेदार है, जो पहले से ही किया जाना चाहिए बनाने के लिए हैपॉलिमर 1.0 - पेपर-रिपल स्क्रीन पर पूरी तरह से तत्व
: मुद्दे की एक छवि देखें। इसलिए मैं सोच रहा हूं कि कस्टम तत्व से लहर प्रभाव का उपयोग करते समय मेजबान में किसी विशेष विशेषता को सेट करना आवश्यक है या नहीं।
मेरा उदाहरण कोड निम्नानुसार है।
Index.html
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>List test</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="elements/elements.html">
<style>
paper-icon-item {
position: relative;
height: 48px;
}
</style>
</head>
<body unresolved class="fullbleed layout vertical">
<template is="dom-bind" id="app">
<my-list></my-list>
</template>
<script src="scripts/app.js"></script>
</body>
</html>
मेरी-list.html
<dom-module id="my-list">
<style>
paper-icon-item {
position: relative;
height: 48px;
}
</style>
<template>
<section>
<div class="menu">
<paper-icon-item>
<div class="label" fit>Mark as unread</div>
<paper-ripple></paper-ripple>
</paper-icon-item>
<paper-icon-item>
<div class="label" fit>Mark as important</div>
<paper-ripple></paper-ripple>
</paper-icon-item>
<paper-icon-item>
<div class="label" fit>Add to Tasks</div>
<paper-ripple></paper-ripple>
</paper-icon-item>
<paper-icon-item>
<div class="label" fit>Create event</div>
<paper-ripple></paper-ripple>
</paper-icon-item>
</div>
</section>
</template>
</dom-module>
<script>
(function() {
Polymer({
is: 'my-list'
});
})();
</script>
जब खंड टैग सामग्री (अनुभाग टैग शामिल) मेरी सूची के द्वारा index.html में जगह। एचटीएमएल, लहर प्रभाव ठीक काम करता है। लहर में फिट संपत्ति ने समस्या को हल नहीं किया। कस्टम घटक में मुझे क्या याद आ रही है?
मैं 1.0.1 संस्करण के लिए कागज लहर अद्यतन लेकिन यह इस समस्या का समाधान नहीं किया था –
@WaleedAsender ओपी एक तुम भर में भाग गया से कोई अन्य समस्या आ गई थी। जैसे ही @zerodevx ने उल्लेख किया है, यदि कोई 'स्थिति: पूर्ण' तत्व 'शीर्ष पर 0: तक बढ़ाया गया है; बाएं: 0; नीचे: 0; दाएं: 0; ', जैसे कि लहर,' स्थिति: रिश्तेदार 'कंटेनर में नहीं है, फिर यह अपने मूल तत्व की बजाय विंडो भर जाएगी। इसका परिणाम इसी तरह की समस्या में होता है, लेकिन वास्तव में, जैसा कि आपने बताया है, मेरे उत्तर के साथ मैंने जो समस्या हल की है उससे अलग है। मैं आगे बढ़ूंगा और जवाब अपडेट करूँगा, क्योंकि बग लंबे समय से पैच किया गया है, किसी और के लिए जो इस प्रश्न में चलता है। –