Ufdjrw

I got the following comment from a reputed math journal. What does it mean?

Simplify an interface for flexibly applying rules to periods of time

Do I need life insurance if I can cover my own funeral costs?

Why do tuner card drivers fail to build after kernel update to 4.4.0-143-generic?

Why do passenger jet manufacturers design their planes with stall prevention systems?

Fastest way to pop N items from a large dict

Why did it take so long to abandon sail after steamships were demonstrated?

Why does overlay work only on the first tcolorbox?

"of which" is correct here?

When to use a slotted vs. solid turner?

This word with a lot of past tenses

Violin - Can double stops be played when the strings are not next to each other?

What is the relationship between relativity and the Doppler effect?

Relationship between sampajanna definitions in SN 47.2 and SN 47.35

How to explain that I do not want to visit a country due to personal safety concern?

Do I need to be arrogant to get ahead?

How to pronounce "I ♥ Huckabees"?

How are passwords stolen from companies if they only store hashes?

What exactly is this small puffer fish doing and how did it manage to accomplish such a feat?

Time travel from stationary position?

ERC721: How to get the owned tokens of an address

Why do newer 737s use two different styles of split winglets?

What's the meaning of a knight fighting a snail in medieval book illustrations?

World War I as a war of liberals against authoritarians?

Detail Arrows for List Items in Ionic 4's “ios” Mode

0

Got a small problem with list items, using the latest version of Ionic. According to the documentation for ion-item, for the detail property:

If true, a detail arrow will appear on the item. Defaults to false unless the mode is ios and an href, onclick or button property is present.

I am using the default, and this is working fine with href, but when I use (click) it doesn't show up for "ios" mode. The code is:

<ion-item (click)="saveContact()">

Am I doing something wrong to get this to work with click handlers?

ionic-framework ionic4

share|improve this question

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you testing on the device or on the browser?
  
  – Jay Ordway
  Mar 6 at 21:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'm testing both. In both cases, when ios mode is active, the detail arrows appear when href is used but not for (click).
  
  – Nigel Peck
  Mar 6 at 23:57
  

  
  
  
  

add a comment | 

0

Got a small problem with list items, using the latest version of Ionic. According to the documentation for ion-item, for the detail property:

If true, a detail arrow will appear on the item. Defaults to false unless the mode is ios and an href, onclick or button property is present.

I am using the default, and this is working fine with href, but when I use (click) it doesn't show up for "ios" mode. The code is:

<ion-item (click)="saveContact()">

Am I doing something wrong to get this to work with click handlers?

ionic-framework ionic4

share|improve this question

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you testing on the device or on the browser?
  
  – Jay Ordway
  Mar 6 at 21:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'm testing both. In both cases, when ios mode is active, the detail arrows appear when href is used but not for (click).
  
  – Nigel Peck
  Mar 6 at 23:57
  

  
  
  
  

add a comment | 

Got a small problem with list items, using the latest version of Ionic. According to the documentation for ion-item, for the detail property:

If true, a detail arrow will appear on the item. Defaults to false unless the mode is ios and an href, onclick or button property is present.

I am using the default, and this is working fine with href, but when I use (click) it doesn't show up for "ios" mode. The code is:

<ion-item (click)="saveContact()">

Am I doing something wrong to get this to work with click handlers?

ionic-framework ionic4

share|improve this question

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

<ion-item (click)="saveContact()">

share|improve this question

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

share|improve this question

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

asked Mar 6 at 20:57

Nigel PeckNigel Peck

5,22821132

1 Answer
1

active

oldest

votes

1

I looked into the source code and it appears to be a bug with Ionic (v 4.1.0). This is from the source code, it appears that if the mode is set to "ios" and isClickable, then the detail arrow is shown.

isClickable() appears to be incorrect since it doesn't take into account the "onClick" and just looks for href and if the button attr is set to true. If button is set to true or href is passed, I do see the arrow with ios mode.

 private isClickable(): boolean 

Then in the render method at line 153, when the the showDetail boolean is set (to show the arrow):

const clickable = this.isClickable();
 const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div' as any;
 const attrs = TagType === 'button' ? type : href ;
 const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;

Reference:

https://github.com/ionic-team/ionic/blob/master/core/src/components/item/item.tsx

share|improve this answer

edited Mar 7 at 8:01

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's not correct. Including the property means you are explicitly setting it to true, it's just a shorthand for it. I double checked and it just switches it on for all modes, as expected. The only way to get the varied behaviour that is default, is to not set the property at all. Otherwise you're giving it an explicit value one way or the other, for all modes. As I said in the question, it works fine using href, the only problem is when using (click).
  
  – Nigel Peck
  Mar 7 at 7:28
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I created a pull request to fix this issue: github.com/ionic-team/ionic/pull/17708
  
  – Jay Ordway
  Mar 7 at 15:04
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Nice, thanks, will keep an eye on the PR for more info :)
  
  – Nigel Peck
  Mar 7 at 17:00
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55032014%2fdetail-arrows-for-list-items-in-ionic-4s-ios-mode%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

I looked into the source code and it appears to be a bug with Ionic (v 4.1.0). This is from the source code, it appears that if the mode is set to "ios" and isClickable, then the detail arrow is shown.

isClickable() appears to be incorrect since it doesn't take into account the "onClick" and just looks for href and if the button attr is set to true. If button is set to true or href is passed, I do see the arrow with ios mode.

 private isClickable(): boolean 

Then in the render method at line 153, when the the showDetail boolean is set (to show the arrow):

const clickable = this.isClickable();
 const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div' as any;
 const attrs = TagType === 'button' ? type : href ;
 const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;

Reference:

https://github.com/ionic-team/ionic/blob/master/core/src/components/item/item.tsx

share|improve this answer

edited Mar 7 at 8:01

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's not correct. Including the property means you are explicitly setting it to true, it's just a shorthand for it. I double checked and it just switches it on for all modes, as expected. The only way to get the varied behaviour that is default, is to not set the property at all. Otherwise you're giving it an explicit value one way or the other, for all modes. As I said in the question, it works fine using href, the only problem is when using (click).
  
  – Nigel Peck
  Mar 7 at 7:28
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I created a pull request to fix this issue: github.com/ionic-team/ionic/pull/17708
  
  – Jay Ordway
  Mar 7 at 15:04
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Nice, thanks, will keep an eye on the PR for more info :)
  
  – Nigel Peck
  Mar 7 at 17:00
  

  
  
  
  

add a comment | 

1

I looked into the source code and it appears to be a bug with Ionic (v 4.1.0). This is from the source code, it appears that if the mode is set to "ios" and isClickable, then the detail arrow is shown.

isClickable() appears to be incorrect since it doesn't take into account the "onClick" and just looks for href and if the button attr is set to true. If button is set to true or href is passed, I do see the arrow with ios mode.

 private isClickable(): boolean 

Then in the render method at line 153, when the the showDetail boolean is set (to show the arrow):

const clickable = this.isClickable();
 const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div' as any;
 const attrs = TagType === 'button' ? type : href ;
 const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;

Reference:

https://github.com/ionic-team/ionic/blob/master/core/src/components/item/item.tsx

share|improve this answer

edited Mar 7 at 8:01

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's not correct. Including the property means you are explicitly setting it to true, it's just a shorthand for it. I double checked and it just switches it on for all modes, as expected. The only way to get the varied behaviour that is default, is to not set the property at all. Otherwise you're giving it an explicit value one way or the other, for all modes. As I said in the question, it works fine using href, the only problem is when using (click).
  
  – Nigel Peck
  Mar 7 at 7:28
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I created a pull request to fix this issue: github.com/ionic-team/ionic/pull/17708
  
  – Jay Ordway
  Mar 7 at 15:04
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Nice, thanks, will keep an eye on the PR for more info :)
  
  – Nigel Peck
  Mar 7 at 17:00
  

  
  
  
  

add a comment | 

I looked into the source code and it appears to be a bug with Ionic (v 4.1.0). This is from the source code, it appears that if the mode is set to "ios" and isClickable, then the detail arrow is shown.

isClickable() appears to be incorrect since it doesn't take into account the "onClick" and just looks for href and if the button attr is set to true. If button is set to true or href is passed, I do see the arrow with ios mode.

 private isClickable(): boolean 

Then in the render method at line 153, when the the showDetail boolean is set (to show the arrow):

const clickable = this.isClickable();
 const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div' as any;
 const attrs = TagType === 'button' ? type : href ;
 const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;

Reference:

https://github.com/ionic-team/ionic/blob/master/core/src/components/item/item.tsx

share|improve this answer

edited Mar 7 at 8:01

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

 private isClickable(): boolean 

const clickable = this.isClickable();
 const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div' as any;
 const attrs = TagType === 'button' ? type : href ;
 const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;

share|improve this answer

edited Mar 7 at 8:01

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325

answered Mar 7 at 3:48

Jay OrdwayJay Ordway

6661325